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