From 79c152dde972854364766b1581f044a94b35d500 Mon Sep 17 00:00:00 2001
From: Rajgupta36 <raj.gupta369@outlook.com>
Date: Sun, 26 Jan 2025 00:05:32 +0530
Subject: [PATCH] fixed_css

---
 frontend/src/components/SortBy.tsx                         | 7 +++++--
 .../components/ui/{close-button.tsx => CloseButton.tsx}    | 0
 frontend/src/components/ui/{select.tsx => Select.tsx}      | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)
 rename frontend/src/components/ui/{close-button.tsx => CloseButton.tsx} (100%)
 rename frontend/src/components/ui/{select.tsx => Select.tsx} (98%)

diff --git a/frontend/src/components/SortBy.tsx b/frontend/src/components/SortBy.tsx
index e770b45b5..f2e0025e3 100644
--- a/frontend/src/components/SortBy.tsx
+++ b/frontend/src/components/SortBy.tsx
@@ -9,7 +9,7 @@ import {
   SelectRoot,
   SelectTrigger,
   SelectValueText,
-} from 'components/ui/select'
+} from 'components/ui/Select'
 const SortBy = ({
   sortOptions,
   selectedSortOption,
@@ -34,8 +34,11 @@ const SortBy = ({
             <SelectLabel className="font-small text-sm text-gray-600 dark:text-gray-300">
               Sort By:
             </SelectLabel>
-            <SelectTrigger className="w-auto min-w-[8rem] text-sm">
+            <SelectTrigger className="width-auto text-sm">
               <SelectValueText
+                paddingRight={'1.4rem'}
+                width={'auto'}
+                textWrap="nowrap"
                 placeholder={
                   sortOptions.items.find((item) => item.value === selectedSortOption)?.label
                 }
diff --git a/frontend/src/components/ui/close-button.tsx b/frontend/src/components/ui/CloseButton.tsx
similarity index 100%
rename from frontend/src/components/ui/close-button.tsx
rename to frontend/src/components/ui/CloseButton.tsx
diff --git a/frontend/src/components/ui/select.tsx b/frontend/src/components/ui/Select.tsx
similarity index 98%
rename from frontend/src/components/ui/select.tsx
rename to frontend/src/components/ui/Select.tsx
index 80efdd986..a0bb643ae 100644
--- a/frontend/src/components/ui/select.tsx
+++ b/frontend/src/components/ui/Select.tsx
@@ -3,7 +3,7 @@
 import type { CollectionItem } from '@chakra-ui/react'
 import { Select as ChakraSelect, Portal } from '@chakra-ui/react'
 import * as React from 'react'
-import { CloseButton } from './close-button'
+import { CloseButton } from './CloseButton'
 
 interface SelectTriggerProps extends ChakraSelect.ControlProps {
   clearable?: boolean