diff --git a/src/interface/pages/SettingsPage/Themes.tsx b/src/interface/pages/SettingsPage/Themes.tsx
index a507ec3c..cc822e86 100644
--- a/src/interface/pages/SettingsPage/Themes.tsx
+++ b/src/interface/pages/SettingsPage/Themes.tsx
@@ -2,9 +2,13 @@ import { FC, createRef, useState } from 'react';
 import BackgroundSelector from '../../components/BackgroundSelector';
 import ThemeSelector from '../../components/ThemeSelector';
 
+type ThemeSelectorRef = {
+  disableTheme: () => void;
+};
+
 const Themes: FC = () => {
   const [isEditMode, setIsEditMode] = useState<boolean>(false);
-  const themeSelectorRef = createRef();
+  const themeSelectorRef = createRef<ThemeSelectorRef>(); // Add type annotation here
 
   const disableTheme = async () => {
     themeSelectorRef?.current?.disableTheme();