diff --git a/src/renderer/src/declaration.d.ts b/src/renderer/src/declaration.d.ts
index 7141a619..fbb7fbe7 100644
--- a/src/renderer/src/declaration.d.ts
+++ b/src/renderer/src/declaration.d.ts
@@ -29,6 +29,7 @@ import type {
   LibraryGame,
   GameRunning,
   TorBoxUser,
+  Theme,
 } from "@types";
 import type { AxiosProgressEvent } from "axios";
 import type disk from "diskusage";
diff --git a/src/renderer/src/pages/settings/aparence/modals/add-theme-modal.tsx b/src/renderer/src/pages/settings/aparence/modals/add-theme-modal.tsx
index d78d5ddb..9df7e7a4 100644
--- a/src/renderer/src/pages/settings/aparence/modals/add-theme-modal.tsx
+++ b/src/renderer/src/pages/settings/aparence/modals/add-theme-modal.tsx
@@ -2,7 +2,6 @@ import { Modal } from "@renderer/components/modal/modal";
 import { TextField } from "@renderer/components/text-field/text-field";
 import { Button } from "@renderer/components/button/button";
 import { useTranslation } from "react-i18next";
-import "./modals.scss";
 import { useUserDetails } from "@renderer/hooks";
 import { Theme } from "@types";
 import { useForm } from "react-hook-form";
@@ -11,6 +10,8 @@ import * as yup from "yup";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useCallback } from "react";
 
+import "./modals.scss";
+
 interface AddThemeModalProps {
   visible: boolean;
   onClose: () => void;
diff --git a/src/renderer/src/pages/settings/aparence/settings-appearance.tsx b/src/renderer/src/pages/settings/aparence/settings-appearance.tsx
index f45c3426..4a0ff317 100644
--- a/src/renderer/src/pages/settings/aparence/settings-appearance.tsx
+++ b/src/renderer/src/pages/settings/aparence/settings-appearance.tsx
@@ -15,6 +15,14 @@ export const SettingsAppearance = () => {
     loadThemes();
   }, []);
 
+  useEffect(() => {
+    const unsubscribe = window.electron.onCssInjected(() => {
+      loadThemes();
+    });
+
+    return () => unsubscribe();
+  }, []);
+
   return (
     <div className="settings-appearance">
       <ThemeActions onListUpdated={loadThemes} themesCount={themes.length} />
diff --git a/src/renderer/src/pages/settings/settings-real-debrid.tsx b/src/renderer/src/pages/settings/settings-real-debrid.tsx
index 6fd1a6e2..d1c6bbb7 100644
--- a/src/renderer/src/pages/settings/settings-real-debrid.tsx
+++ b/src/renderer/src/pages/settings/settings-real-debrid.tsx
@@ -86,12 +86,12 @@ export function SettingsRealDebrid() {
       <CheckboxField
         label={t("enable_real_debrid")}
         checked={form.useRealDebrid}
-        onChange={() =>
+        onChange={() => {
           setForm((prev) => ({
             ...prev,
             useRealDebrid: !form.useRealDebrid,
-          }))
-        }
+          }));
+        }}
       />
 
       {form.useRealDebrid && (
diff --git a/src/types/theme.types.ts b/src/types/theme.types.ts
index 259e5738..abba8fc1 100644
--- a/src/types/theme.types.ts
+++ b/src/types/theme.types.ts
@@ -1,8 +1,8 @@
 export interface Theme {
   id: string;
   name: string;
-  author: string | undefined;
-  authorName: string | undefined;
+  author?: string;
+  authorName?: string;
   isActive: boolean;
   code: string;
   createdAt: Date;