From 2b0516ad0d731852160fedb42ae7788b48e0ce70 Mon Sep 17 00:00:00 2001
From: Mohammed Al-yaseen <mohammed.o.alyaseen@gmail.com>
Date: Mon, 12 Jan 2026 16:20:59 +0300
Subject: [PATCH] fix main dropdown styles

---
 src/pages/menu/menu.module.css | 18 +++++++++++++++++
 src/pages/menu/page.tsx        | 36 ++++++++++++++++++++--------------
 2 files changed, 39 insertions(+), 15 deletions(-)

diff --git a/src/pages/menu/menu.module.css b/src/pages/menu/menu.module.css
index 218b970..f714c90 100644
--- a/src/pages/menu/menu.module.css
+++ b/src/pages/menu/menu.module.css
@@ -844,3 +844,21 @@
   white-space: nowrap;
   width: fit-content;
 }
+
+.frameSelect {
+  align-items: flex-start;
+  background-color: #aaa7a733;
+  border-radius: 60px;
+  flex-direction: column;
+  gap: 10px;
+  position: relative;
+}
+
+.divSelect {
+  align-items: center;
+  align-self: stretch;
+  display: flex;
+  flex: 0 0 auto;
+  gap: 4px;
+  position: relative;
+}
\ No newline at end of file
diff --git a/src/pages/menu/page.tsx b/src/pages/menu/page.tsx
index 07726ea..716fa10 100644
--- a/src/pages/menu/page.tsx
+++ b/src/pages/menu/page.tsx
@@ -97,21 +97,27 @@ function MenuPage() {
               className={`${styles.headerFloatingBtn} ${styles.orderTypeSelectContainer} order-type-select-container`}
             >
               {orderType !== OrderType.Redeem && (
-                <Select
-                  value={orderType}
-                  options={orderTypeOptions}
-                  open={false}
-                  onOpenChange={() => false}
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setIsOrderTypesOpen(true);
-                  }}
-                  variant="borderless"
-                  size="small"
-                  className={styles.orderTypeSelect}
-                  classNames={{ popup: { root: "order-type-select-dropdown" } }}
-                  listHeight={150}
-                />
+                <div className={styles.frameSelect}>
+                  <div className={styles.divSelect}>
+                    <Select
+                      value={orderType}
+                      options={orderTypeOptions}
+                      open={false}
+                      onOpenChange={() => false}
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        setIsOrderTypesOpen(true);
+                      }}
+                      variant="borderless"
+                      size="small"
+                      className={styles.orderTypeSelect}
+                      classNames={{
+                        popup: { root: "order-type-select-dropdown" },
+                      }}
+                      listHeight={150}
+                    />
+                  </div>
+                </div>
               )}
               {orderType === OrderType.Redeem && (
                 <div className={styles.frame}>