diff --git a/src/ui/components/ControlComponents/Sections/AppearanceSection/AppearanceSection.scss b/src/ui/components/ControlComponents/Sections/AppearanceSection/AppearanceSection.scss
index 4856e08416..e88760dbcb 100644
--- a/src/ui/components/ControlComponents/Sections/AppearanceSection/AppearanceSection.scss
+++ b/src/ui/components/ControlComponents/Sections/AppearanceSection/AppearanceSection.scss
@@ -7,5 +7,10 @@
 
     &__setting-checkbox {
         margin-right: 8px;
+
+        &_top {
+            align-self: flex-start;
+            margin-top: 4px;
+        }
     }
 }
diff --git a/src/ui/components/ControlComponents/Sections/AppearanceSection/Rows/HintRow/HintRow.tsx b/src/ui/components/ControlComponents/Sections/AppearanceSection/Rows/HintRow/HintRow.tsx
index 91acb62391..17198263d4 100644
--- a/src/ui/components/ControlComponents/Sections/AppearanceSection/Rows/HintRow/HintRow.tsx
+++ b/src/ui/components/ControlComponents/Sections/AppearanceSection/Rows/HintRow/HintRow.tsx
@@ -45,7 +45,7 @@ export const HintRow = () => {
                     onUpdate={handleUpdateEnable}
                     checked={showHint}
                     size="l"
-                    className={b('setting-checkbox')}
+                    className={b('setting-checkbox', {top: true})}
                 />
                 {showHint && (
                     <MarkdownControl