From 1d0503d0e42b2f432b6a99989ca605fe057bc7b4 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 23 Aug 2025 03:22:59 +0300
Subject: [PATCH] client/settings/ui-performance-settings: remove form groups

---
 .../type_widgets/options/appearance.tsx       | 32 ++++++++-----------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/apps/client/src/widgets/type_widgets/options/appearance.tsx b/apps/client/src/widgets/type_widgets/options/appearance.tsx
index 9ac51b613..a6f5a77c6 100644
--- a/apps/client/src/widgets/type_widgets/options/appearance.tsx
+++ b/apps/client/src/widgets/type_widgets/options/appearance.tsx
@@ -252,24 +252,20 @@ function Performance() {
     const [ backdropEffectsEnabled, setBackdropEffectsEnabled ] = useTriliumOptionBool("backdropEffectsEnabled");
 
     return <OptionsSection title={t("ui-performance.title")}>
-        <FormGroup name="motion-enabled">
-            <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>
-        <FormGroup name="backdrop-effects-enabled">
-            <FormCheckbox
-                label={t("ui-performance.enable-backdrop-effects")}
-                currentValue={backdropEffectsEnabled} onChange={setBackdropEffectsEnabled}
-            />
-        </FormGroup>
+        <FormCheckbox
+            label={t("ui-performance.enable-motion")}
+            currentValue={motionEnabled} onChange={setMotionEnabled}
+        />
+
+        <FormCheckbox
+            label={t("ui-performance.enable-shadows")}
+            currentValue={shadowsEnabled} onChange={setShadowsEnabled}
+        />
+
+        <FormCheckbox
+            label={t("ui-performance.enable-backdrop-effects")}
+            currentValue={backdropEffectsEnabled} onChange={setBackdropEffectsEnabled}
+        />
     </OptionsSection>
 }