From c2ba7955dce3e8eca4704d82a3c3beaddd5e5111 Mon Sep 17 00:00:00 2001
From: Kristina <7614497+khjrtbrg@users.noreply.github.com>
Date: Fri, 3 Jul 2026 11:45:09 +0200
Subject: [PATCH] [web] adjust styles in notifications settings (#35143)

GitOrigin-RevId: 5867072acd6e38c1a00a252b13e4ef4169ef7b79
---
 .../components/radio-button-setting.tsx       | 23 ++++++++++---------
 .../stylesheets/pages/editor/settings.scss    | 19 +++++++++++++++
 2 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/services/web/frontend/js/features/ide-settings/components/radio-button-setting.tsx b/services/web/frontend/js/features/ide-settings/components/radio-button-setting.tsx
index 7b6081ddd3..125ccbe638 100644
--- a/services/web/frontend/js/features/ide-settings/components/radio-button-setting.tsx
+++ b/services/web/frontend/js/features/ide-settings/components/radio-button-setting.tsx
@@ -27,17 +27,18 @@ export default function RadioButtonSetting<T extends string = string>({
   return (
     <div className="ide-radio-setting-options">
       {options.map(option => (
-        <OLFormCheckbox
-          key={`${id}-${option.value}`}
-          type="radio"
-          id={`${id}-${option.value}`}
-          name={id}
-          value={option.value}
-          checked={value === option.value}
-          onChange={handleChange}
-          label={option.label}
-          description={option.description}
-        />
+        <div key={`${id}-${option.value}`} className="ide-setting">
+          <OLFormCheckbox
+            type="radio"
+            id={`${id}-${option.value}`}
+            name={id}
+            value={option.value}
+            checked={value === option.value}
+            onChange={handleChange}
+            label={option.label}
+            description={option.description}
+          />
+        </div>
       ))}
     </div>
   )
diff --git a/services/web/frontend/stylesheets/pages/editor/settings.scss b/services/web/frontend/stylesheets/pages/editor/settings.scss
index 182ed0f1ae..3546034f83 100644
--- a/services/web/frontend/stylesheets/pages/editor/settings.scss
+++ b/services/web/frontend/stylesheets/pages/editor/settings.scss
@@ -143,10 +143,29 @@
   display: flex;
   flex-direction: column;
   gap: var(--spacing-06);
+
+  & .form-check {
+    margin: 0;
+  }
+
+  & .form-check-label {
+    color: var(--ide-settings-text-color);
+  }
+
+  & .form-check-label-description {
+    color: var(--ide-settings-description-color);
+  }
+
+  & .form-check-label,
+  & .form-check-label-description {
+    font-size: var(--font-size-02);
+  }
 }
 
 .global-notifications-link {
   font-size: var(--font-size-01);
+  padding: 0 var(--spacing-02);
+  margin: 0 var(--spacing-02);
 }
 
 .project-notifications-beta-note {