Merge pull request #11413 from Jarsen136/issue-11411

fix: Offer expiration dropdown menu misplacement

Author: vikiival

components/swap/review.vue

@@ -74,6 +74,7 @@
         <TradeExpirationSelector
           v-model="swap.duration"
           position="auto"
+          custom-menu-class="!ml-[168px]"
           class="pt-2"
         />
       </div>

components/trade/TradeExpirationSelector.vue

@@ -7,7 +7,7 @@
     append-to-body
     close-menu-on-move
     class="w-full"
-    menu-class="!min-w-[8rem] !mt-0 !ml-[168px]"
+    :menu-class="`!min-w-[8rem] !mt-0 ${customMenuClass}`"
   >
     <template #trigger="{ active }">
       <div
@@ -58,6 +58,7 @@ const props = withDefaults(
   defineProps<{
     modelValue?: number
     position?: string
+    customMenuClass?: string
   }>(), {
     position: 'bottom-left',
   },