warping the order-type-select-container styles

src/pages/menu/menu.module.css

@@ -693,10 +693,4 @@
   right: -10px !important;
 }
 
-:global(.ant-select-selection-item) {
-  color: #fff !important;
-}
 
-:global(.ant-select-arrow) {
-  color: #fff !important;
-}

src/pages/menu/page.tsx

@@ -91,7 +91,7 @@ function MenuPage() {
               <BackButton />
             </div>
             <div
-              className={`${styles.headerFloatingBtn} ${styles.orderTypeSelectContainer}`}
+              className={`${styles.headerFloatingBtn} ${styles.orderTypeSelectContainer} order-type-select-container`}
             >
               <Select
                 value={orderType}