diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index 4537d09f6..986ea78de 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -1115,7 +1115,8 @@
   },
   "ui-performance": {
     "title": "Performance",
-    "enable-motion": "Enable transitions and animations"
+    "enable-motion": "Enable transitions and animations",
+    "enable-shadows": "Enable shadows"
   },
   "ai_llm": {
     "not_started": "Not started",
diff --git a/apps/client/src/widgets/type_widgets/options/appearance.tsx b/apps/client/src/widgets/type_widgets/options/appearance.tsx
index de22a9b1b..ce9dce3d4 100644
--- a/apps/client/src/widgets/type_widgets/options/appearance.tsx
+++ b/apps/client/src/widgets/type_widgets/options/appearance.tsx
@@ -248,13 +248,21 @@ function ElectronIntegration() {
 
 function Performance() {
     const [ motionEnabled, setMotionEnabled ] = useTriliumOptionBool("motionEnabled");
+    const [ shadowsEnabled, setShadowsEnabled ] = useTriliumOptionBool("shadowsEnabled");
+
 
     return <OptionsSection title={t("ui-performance.title")}>
         <FormGroup name="motion-enabled">
-                <FormCheckbox
-                    label={t("ui-performance.enable-motion")}
-                    currentValue={motionEnabled} onChange={setMotionEnabled}
-                />
+            <FormCheckbox
+                label={t("ui-performance.enable-motion")}
+                currentValue={motionEnabled} onChange={setMotionEnabled}
+            />
+        </FormGroup>
+        <FormGroup name="shadows-enabled">
+            <FormCheckbox
+                label={t("ui-performance.enable-shadows")}
+                currentValue={shadowsEnabled} onChange={setShadowsEnabled}
+            />
         </FormGroup>
     </OptionsSection>
 }