From b7907cdd1ed1c0d241e377536a2874e01afc69dd Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Mon, 6 Oct 2025 16:29:18 -0600
Subject: [PATCH] Stylize the select

---
 .../ui/search/SearchModal/SearchModalContent.stories.tsx   | 2 --
 .../ui/search/SearchModal/SearchModalContentItems.tsx      | 7 ++++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/ui/search/SearchModal/SearchModalContent.stories.tsx b/apps/web/src/components/ui/search/SearchModal/SearchModalContent.stories.tsx
index b5e5c30e1..1173eb0ad 100644
--- a/apps/web/src/components/ui/search/SearchModal/SearchModalContent.stories.tsx
+++ b/apps/web/src/components/ui/search/SearchModal/SearchModalContent.stories.tsx
@@ -77,7 +77,6 @@ export const Default: Story = {
     const onViewSearchItem = (item: SearchItem) => {
       setSecondaryContent(<div>Secondary Content {item.label}</div>);
       setOpen(true);
-      //   setAddInSecondaryLabel(true);
     };
 
     const searchItems: SearchItems[] = mockSearchItems.map((item) => ({
@@ -96,7 +95,6 @@ export const Default: Story = {
         onViewSearchItem={onViewSearchItem}
         onSearchChange={() => {
           setOpen(false);
-          // setAddInSecondaryLabel(false);
         }}
         openSecondaryContent={open}
         secondaryContent={secondaryContent}
diff --git a/apps/web/src/components/ui/search/SearchModal/SearchModalContentItems.tsx b/apps/web/src/components/ui/search/SearchModal/SearchModalContentItems.tsx
index eaf41a985..bd5b1f734 100644
--- a/apps/web/src/components/ui/search/SearchModal/SearchModalContentItems.tsx
+++ b/apps/web/src/components/ui/search/SearchModal/SearchModalContentItems.tsx
@@ -19,7 +19,7 @@ export const SearchModalContentItems = <M, T extends string>({
   onSelectGlobal,
 }: Pick<SearchModalContentProps<M, T>, 'searchItems' | 'onViewSearchItem'> & CommonProps<M, T>) => {
   return (
-    <Command.List className={cn('flex flex-col overflow-y-auto flex-1')}>
+    <Command.List className={cn('flex flex-col overflow-y-auto flex-1 px-3 pt-1.5 pb-1.5')}>
       {searchItems.map((item, index) => (
         <ItemsSelecter
           key={keyExtractor(item, index)}
@@ -68,7 +68,7 @@ const SearchItemComponent = <M, T extends string>(item: SearchItem<M, T> & Commo
   return (
     <Command.Item
       className={cn(
-        'min-h-9 px-4 flex items-center',
+        'min-h-9 px-4 flex items-center rounded',
         secondaryLabel && 'min-h-13.5',
         'data-[selected=true]:bg-item-hover data-[selected=true]:text-foreground',
         !disabled ? 'cursor-pointer' : 'cursor-not-allowed',
@@ -81,7 +81,8 @@ const SearchItemComponent = <M, T extends string>(item: SearchItem<M, T> & Commo
       {icon && (
         <span
           className={cn(
-            'text-icon-color text-center group-hover:text-foreground size-4 text-icon-size',
+            'text-center group-hover:text-foreground size-4 text-icon-size text-icon-color',
+            'data-[selected=true]:text-foreground',
             secondaryLabel && 'self-start mt-2.5'
           )}
         >