diff --git a/src/components/SearchBar/SearchBar.tsx b/src/components/SearchBar/SearchBar.tsx
index b376969..94d0527 100644
--- a/src/components/SearchBar/SearchBar.tsx
+++ b/src/components/SearchBar/SearchBar.tsx
@@ -19,7 +19,7 @@ const SearchBar = ({
       <input
         disabled={disabled}
         type='text'
-        className='text-gray-800 dark:text-white p-3 text-sm bg-gray-700 disabled:opacity-40  disabled:cursor-not-allowed transition-opacity m-0 w-full h-full focus:outline-none rounded border-none'
+        className='text-gray-800 dark:text-white p-3 text-sm bg-transparent disabled:opacity-40  disabled:cursor-not-allowed transition-opacity m-0 w-full h-full focus:outline-none rounded border border-white/20'
         placeholder={t('search') as string}
         value={value}
         onChange={(e) => {