From 425393da8ce4c8c7541f79f8a40b73b7a0a9c026 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Sat, 6 Apr 2024 12:00:50 +0000
Subject: [PATCH] fix(nc-gui): select input dropdown tick mark always to the
 right

---
 packages/nc-gui/components/smartsheet/toolbar/GroupByMenu.vue | 2 +-
 .../nc-gui/components/smartsheet/toolbar/SortListMenu.vue     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/GroupByMenu.vue b/packages/nc-gui/components/smartsheet/toolbar/GroupByMenu.vue
index e704057798..1dde906677 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/GroupByMenu.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/GroupByMenu.vue
@@ -284,7 +284,7 @@ watch(meta, async () => {
                 :key="j"
                 :value="option.value"
               >
-                <div class="flex items-center justify-between gap-2">
+                <div class="w-full flex items-center justify-between gap-2">
                   <div class="truncate flex-1">{{ option.text }}</div>
                   <component
                     :is="iconMap.check"
diff --git a/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue b/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
index 27d43d10e2..5af98027ac 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
@@ -160,7 +160,7 @@ onMounted(() => {
               v-model:value="sort.direction"
               class="shrink grow-0 nc-sort-dir-select"
               :label="$t('labels.operation')"
-              dropdown-class-name="sort-dir-dropdown nc-dropdown-sort-dir"
+              dropdown-class-name="sort-dir-dropdown nc-dropdown-sort-dir !rounded-lg"
               @click.stop
               @select="saveOrUpdate(sort, i)"
             >
@@ -170,7 +170,7 @@ onMounted(() => {
                 v-e="['c:sort:operation:select']"
                 :value="option.value"
               >
-                <div class="flex items-center justify-between gap-2">
+                <div class="w-full flex items-center justify-between gap-2">
                   <div class="truncate flex-1">{{ option.text }}</div>
                   <component
                     :is="iconMap.check"