diff --git a/components/ThemeSwitch.js b/components/ThemeSwitch.js
index fe9b1de7..756284b2 100644
--- a/components/ThemeSwitch.js
+++ b/components/ThemeSwitch.js
@@ -19,10 +19,9 @@ export function ThemeSwitch() {
                 <div className="p-2 flex items-center">
                     <i className='fas fa-arrows cursor-move px-2' />
                     {/* <div className='uppercase font-sans whitespace-nowrap cursor-pointer ' onClick={switchTheme}> {theme}</div> */}
-                    <select onChange={onSelectChange} name="cars" className='text-white bg-black uppercase cursor-pointer'>
+                    <select value={theme} onChange={onSelectChange} name="cars" className='text-white bg-black uppercase cursor-pointer'>
                         {ALL_THEME.map(t => {
-                          const selected = t === theme
-                          return <option key={t} value={t} selected={selected}>{t}</option>
+                          return <option key={t} value={t}>{t}</option>
                         })}
                     </select>
                 </div>