diff --git a/packages/nicolium/src/features/ui/components/theme-selector.tsx b/packages/nicolium/src/features/ui/components/theme-selector.tsx
index 4233ce501..20bd6d432 100644
--- a/packages/nicolium/src/features/ui/components/theme-selector.tsx
+++ b/packages/nicolium/src/features/ui/components/theme-selector.tsx
@@ -37,7 +37,7 @@ const ThemeSelector: React.FC<IThemeSelector> = ({ id, value, onChange }) => {
         <Icon src={themeIconSrc} className='size-4 text-gray-600 dark:text-gray-700' />
       </div>
 
-      <Select id={id} onChange={handleChange} value={value} className='!pl-10'>
+      <Select key={value} id={id} onChange={handleChange} defaultValue={value} className='!pl-10'>
         <option value='system'>
           <FormattedMessage id='theme_toggle.system' defaultMessage='System' />
         </option>