diff --git a/frontend/src/components/forms/settings/UiSettingsForm.jsx b/frontend/src/components/forms/settings/UiSettingsForm.jsx
index 69feec74..c0f7b354 100644
--- a/frontend/src/components/forms/settings/UiSettingsForm.jsx
+++ b/frontend/src/components/forms/settings/UiSettingsForm.jsx
@@ -9,7 +9,7 @@ import { showNotification } from '../../../utils/notificationUtils.js';
 import { Select } from '@mantine/core';
 import { saveTimeZoneSetting } from '../../../utils/forms/settings/UiSettingsFormUtils.js';
 
-export const UiSettingsForm = React.memo(() => {
+const UiSettingsForm = React.memo(() => {
   const settings = useSettingsStore((s) => s.settings);
 
   const [tableSize, setTableSize] = useLocalStorage('table-size', 'default');
@@ -139,4 +139,6 @@ export const UiSettingsForm = React.memo(() => {
       />
     </>
   );
-});
\ No newline at end of file
+});
+
+export default UiSettingsForm;
\ No newline at end of file
diff --git a/frontend/src/pages/Settings.jsx b/frontend/src/pages/Settings.jsx
index a1a54435..4ce519a3 100644
--- a/frontend/src/pages/Settings.jsx
+++ b/frontend/src/pages/Settings.jsx
@@ -17,7 +17,7 @@ const BackupManager = React.lazy(() =>
   import('../components/backups/BackupManager.jsx'));
 import useAuthStore from '../store/auth';
 import { USER_LEVELS } from '../constants';
-import { UiSettingsForm } from '../components/forms/settings/UiSettingsForm.jsx';
+import UiSettingsForm from '../components/forms/settings/UiSettingsForm.jsx';
 import ErrorBoundary from '../components/ErrorBoundary.jsx';
 const NetworkAccessForm = React.lazy(() =>
   import('../components/forms/settings/NetworkAccessForm.jsx'));
@@ -52,7 +52,7 @@ const SettingsPage = () => {
             </AccordionPanel>
           </AccordionItem>
 
-          {authUser.user_level === USER_LEVELS.ADMIN && (
+          {authUser.user_level == USER_LEVELS.ADMIN && (
             <>
               <AccordionItem value="dvr-settings">
                 <AccordionControl>DVR</AccordionControl>