diff --git a/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
index 9d872c51c6..f19b97741b 100644
--- a/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
@@ -166,8 +166,12 @@ exports[`preferences - closing-preferences given accessing preferences directly
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -870,8 +874,12 @@ exports[`preferences - closing-preferences given accessing preferences directly
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -1438,8 +1446,12 @@ exports[`preferences - closing-preferences given already in a page and then navi
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -2142,8 +2154,12 @@ exports[`preferences - closing-preferences given already in a page and then navi
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
diff --git a/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap b/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
index 33a939cfa2..0db82eaa32 100644
--- a/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
@@ -179,8 +179,12 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                   </div>
                 </div>
                 <div
-                  class="HorizontalLine"
-                />
+                  style="padding: 0px 10px;"
+                >
+                  <div
+                    class="HorizontalLine Small"
+                  />
+                </div>
               </div>
             </div>
           </nav>
diff --git a/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap b/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap
index 13a8db122a..b706037dff 100644
--- a/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap
@@ -154,11 +154,19 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -848,8 +856,12 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
               <div
                 data-preference-tab-group-test="some-tab-group"
               >
@@ -872,8 +884,12 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -1563,8 +1579,12 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
               <div
                 data-preference-tab-group-test="some-tab-group"
               >
@@ -1599,8 +1619,12 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
diff --git a/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.ts.snap
index e80965198d..710c260d38 100644
--- a/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.ts.snap
@@ -154,8 +154,12 @@ exports[`preferences - navigation to application preferences given in some child
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -498,8 +502,12 @@ exports[`preferences - navigation to application preferences given in some child
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -1191,8 +1199,12 @@ exports[`preferences - navigation to application preferences given in some child
                   </div>
                 </div>
                 <div
-                  class="HorizontalLine"
-                />
+                  style="padding: 0px 10px;"
+                >
+                  <div
+                    class="HorizontalLine Small"
+                  />
+                </div>
               </div>
             </div>
           </nav>
diff --git a/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
index 3f846a5dfa..9cce512ad4 100644
--- a/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
@@ -154,8 +154,12 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -846,8 +850,12 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
diff --git a/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
index a29ebd7b7a..1ce05f47b9 100644
--- a/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
@@ -154,8 +154,12 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -846,8 +850,12 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
diff --git a/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
index 1b60ce2654..611792273f 100644
--- a/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
@@ -166,8 +166,12 @@ exports[`preferences - navigation to telemetry preferences given URL for Sentry
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -481,8 +485,12 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -1185,8 +1193,12 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -1889,8 +1901,12 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -2194,8 +2210,12 @@ exports[`preferences - navigation to telemetry preferences given no URL for Sent
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
diff --git a/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
index 90808ea35a..70dd5edfe8 100644
--- a/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
@@ -154,8 +154,12 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
@@ -846,8 +850,12 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
diff --git a/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
index bb1fc4664a..806c8df00b 100644
--- a/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -372,8 +372,12 @@ exports[`preferences - navigation using application menu when navigating to pref
                 </div>
               </div>
               <div
-                class="HorizontalLine"
-              />
+                style="padding: 0px 10px;"
+              >
+                <div
+                  class="HorizontalLine Small"
+                />
+              </div>
             </div>
           </div>
         </nav>
diff --git a/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap b/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
index c6d9f0de3f..6dd574e631 100644
--- a/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
@@ -375,8 +375,12 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                   </div>
                 </div>
                 <div
-                  class="HorizontalLine"
-                />
+                  style="padding: 0px 10px;"
+                >
+                  <div
+                    class="HorizontalLine Small"
+                  />
+                </div>
               </div>
             </div>
           </nav>
diff --git a/src/features/preferences/renderer/compliance-for-legacy-extension-api/registrator-for-preference-items.injectable.tsx b/src/features/preferences/renderer/compliance-for-legacy-extension-api/registrator-for-preference-items.injectable.tsx
index a84c5415db..d5adcd6f68 100644
--- a/src/features/preferences/renderer/compliance-for-legacy-extension-api/registrator-for-preference-items.injectable.tsx
+++ b/src/features/preferences/renderer/compliance-for-legacy-extension-api/registrator-for-preference-items.injectable.tsx
@@ -10,6 +10,7 @@ import { extensionRegistratorInjectionToken } from "../../../../extensions/exten
 import { PreferencePageComponent } from "../preference-page-component";
 import { ExtensionPreferenceItem } from "./extension-preference-item";
 import { computed } from "mobx";
+import { HorizontalLine } from "../horizontal-line/horizontal-line";
 
 const registratorForPreferenceItemsInjectable = getInjectable({
   id: "registrator-for-preference-items",
@@ -53,7 +54,7 @@ const registratorForPreferenceItemsInjectable = getInjectable({
           </PreferencePageComponent>
         ),
 
-        childSeparator: () => <hr />,
+        childSeparator: HorizontalLine,
       }),
 
       injectionToken: preferenceItemInjectionToken,
@@ -132,7 +133,7 @@ const registratorForPreferenceItemsInjectable = getInjectable({
             <ExtensionPreferenceItem registration={registration} />
           ),
 
-          childSeparator: () => <hr />,
+          childSeparator: HorizontalLine,
         }),
 
         injectionToken: preferenceItemInjectionToken,
diff --git a/src/features/preferences/renderer/preference-items/preference-tab-root.tsx b/src/features/preferences/renderer/preference-items/preference-tab-root.tsx
index f2c92dc93d..348a99d575 100644
--- a/src/features/preferences/renderer/preference-items/preference-tab-root.tsx
+++ b/src/features/preferences/renderer/preference-items/preference-tab-root.tsx
@@ -4,6 +4,7 @@
  */
 import type { IComputedValue } from "mobx";
 import { computed } from "mobx";
+import React from "react";
 import { HorizontalLine } from "../horizontal-line/horizontal-line";
 
 export interface PreferenceTabsRoot {
@@ -19,5 +20,10 @@ export const preferenceTabsRoot: PreferenceTabsRoot = {
   id: "preference-tabs",
   parentId: undefined,
   isShown: computed(() => true as const),
-  childSeparator: HorizontalLine,
+
+  childSeparator: () => (
+    <div style={{ padding: "0 10px" }}>
+      <HorizontalLine small />
+    </div>
+  ),
 };