From 5614891d925b12a0fc9131bb2550f486fbba7078 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 16 Aug 2025 00:22:18 +0300
Subject: [PATCH] fix(react/settings): unnecessary top margin

---
 .../type_widgets/options/components/OptionsSection.tsx | 10 +++++-----
 .../src/widgets/type_widgets/options/shortcuts.tsx     |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/client/src/widgets/type_widgets/options/components/OptionsSection.tsx b/apps/client/src/widgets/type_widgets/options/components/OptionsSection.tsx
index bd3a930e0..7fb3440fa 100644
--- a/apps/client/src/widgets/type_widgets/options/components/OptionsSection.tsx
+++ b/apps/client/src/widgets/type_widgets/options/components/OptionsSection.tsx
@@ -2,17 +2,17 @@ import type { ComponentChildren } from "preact";
 import { CSSProperties } from "preact/compat";
 
 interface OptionsSectionProps {
-    title: string;
+    title?: string;
     children: ComponentChildren;
     noCard?: boolean;
     style?: CSSProperties;
+    className?: string;
 }
 
-export default function OptionsSection({ title, children, noCard, style }: OptionsSectionProps) {
+export default function OptionsSection({ title, children, noCard, ...rest }: OptionsSectionProps) {
     return (
-        <div className={`options-section ${noCard && "tn-no-card"}`} style={style}>
-            <h4>{title}</h4>
-
+        <div className={`options-section ${noCard && "tn-no-card"}`} {...rest}>
+            {title && <h4>{title}</h4>}
             {children}
         </div>
     );
diff --git a/apps/client/src/widgets/type_widgets/options/shortcuts.tsx b/apps/client/src/widgets/type_widgets/options/shortcuts.tsx
index e6171f679..b948902c3 100644
--- a/apps/client/src/widgets/type_widgets/options/shortcuts.tsx
+++ b/apps/client/src/widgets/type_widgets/options/shortcuts.tsx
@@ -36,7 +36,7 @@ export default function ShortcutSettings() {
 
     return (
         <OptionsSection
-            title={t("shortcuts.keyboard_shortcuts")}
+            className="shortcuts-options-section"
             style={{ display: "flex", flexDirection: "column", height: "100%" }}
             noCard
         >