diff --git a/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
index 52ff7f0a8d..9d872c51c6 100644
--- a/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
@@ -165,7 +165,9 @@ exports[`preferences - closing-preferences given accessing preferences directly
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -273,7 +275,9 @@ exports[`preferences - closing-preferences given accessing preferences directly
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -391,7 +395,9 @@ exports[`preferences - closing-preferences given accessing preferences directly
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -416,7 +422,9 @@ exports[`preferences - closing-preferences given accessing preferences directly
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -503,7 +511,9 @@ exports[`preferences - closing-preferences given accessing preferences directly
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
@@ -859,7 +869,9 @@ exports[`preferences - closing-preferences given accessing preferences directly
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -1425,7 +1437,9 @@ exports[`preferences - closing-preferences given already in a page and then navi
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -1533,7 +1547,9 @@ exports[`preferences - closing-preferences given already in a page and then navi
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -1651,7 +1667,9 @@ exports[`preferences - closing-preferences given already in a page and then navi
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -1676,7 +1694,9 @@ exports[`preferences - closing-preferences given already in a page and then navi
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -1763,7 +1783,9 @@ exports[`preferences - closing-preferences given already in a page and then navi
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
@@ -2119,7 +2141,9 @@ exports[`preferences - closing-preferences given already in a page and then navi
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </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 72bfb568ab..33a939cfa2 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
@@ -178,7 +178,9 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                     </div>
                   </div>
                 </div>
-                <hr />
+                <div
+                  class="HorizontalLine"
+                />
               </div>
             </div>
           </nav>
@@ -286,7 +288,9 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                     </div>
                   </section>
                 </div>
-                <hr />
+                <div
+                  class="HorizontalLine"
+                />
                 <div
                   data-preference-item-test="extension-install-registry"
                 >
@@ -404,7 +408,9 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                     </div>
                   </section>
                 </div>
-                <hr />
+                <div
+                  class="HorizontalLine"
+                />
                 <div
                   data-preference-item-test="start-up"
                 >
@@ -429,7 +435,9 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                     </label>
                   </section>
                 </div>
-                <hr />
+                <div
+                  class="HorizontalLine"
+                />
                 <div
                   data-preference-item-test="update-channel"
                 >
@@ -516,7 +524,9 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                     </div>
                   </section>
                 </div>
-                <hr />
+                <div
+                  class="HorizontalLine"
+                />
                 <div
                   data-preference-item-test="timezone"
                 >
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 e6f0029bb5..13a8db122a 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
@@ -153,8 +153,12 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </div>
               </div>
-              <hr />
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -262,7 +266,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -380,7 +386,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -405,7 +413,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -492,7 +502,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
@@ -835,7 +847,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-tab-group-test="some-tab-group"
               >
@@ -857,7 +871,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -965,7 +981,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -1083,7 +1101,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -1108,7 +1128,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -1195,7 +1217,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
@@ -1538,7 +1562,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-tab-group-test="some-tab-group"
               >
@@ -1572,7 +1598,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -1680,7 +1708,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -1798,7 +1828,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -1823,7 +1855,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -1910,7 +1944,9 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
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 cddbba6069..07ecf1f581 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
@@ -153,7 +153,9 @@ exports[`preferences - navigation to application preferences given in some child
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -208,8 +210,8 @@ exports[`preferences - navigation to application preferences given in some child
                   </small>
                 </section>
               </div>
-              <hr
-                class="small"
+              <div
+                class="HorizontalLine Small"
               />
               <div
                 data-preference-item-test="allow-untrusted-certificates"
@@ -495,7 +497,9 @@ exports[`preferences - navigation to application preferences given in some child
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -603,7 +607,9 @@ exports[`preferences - navigation to application preferences given in some child
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -721,7 +727,9 @@ exports[`preferences - navigation to application preferences given in some child
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -746,7 +754,9 @@ exports[`preferences - navigation to application preferences given in some child
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -833,7 +843,9 @@ exports[`preferences - navigation to application preferences given in some child
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
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 c9a420c9ff..3f846a5dfa 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
@@ -153,7 +153,9 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -261,7 +263,9 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -379,7 +383,9 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -404,7 +410,9 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -491,7 +499,9 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
@@ -835,7 +845,9 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -968,6 +980,9 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                   </div>
                 </section>
               </div>
+              <div
+                class="size-xl"
+              />
               <div
                 data-preference-item-test="line-numbers"
               >
@@ -1054,6 +1069,9 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                   </div>
                 </section>
               </div>
+              <div
+                class="size-xl"
+              />
               <div
                 data-preference-item-test="tab-size"
               >
@@ -1085,6 +1103,9 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                   </div>
                 </section>
               </div>
+              <div
+                class="size-xl"
+              />
               <div
                 data-preference-item-test="editor-font-size"
               >
@@ -1116,6 +1137,9 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                   </div>
                 </section>
               </div>
+              <div
+                class="size-xl"
+              />
               <div
                 data-preference-item-test="editor-font-family"
               >
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 2131c573d1..a29ebd7b7a 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
@@ -153,7 +153,9 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -261,7 +263,9 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -379,7 +383,9 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -404,7 +410,9 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -491,7 +499,9 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
@@ -835,7 +845,9 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -890,8 +902,8 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                   </small>
                 </section>
               </div>
-              <hr
-                class="small"
+              <div
+                class="HorizontalLine Small"
               />
               <div
                 data-preference-item-test="allow-untrusted-certificates"
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 6b7867604e..1b60ce2654 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
@@ -165,7 +165,9 @@ exports[`preferences - navigation to telemetry preferences given URL for Sentry
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -478,7 +480,9 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -586,7 +590,9 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -704,7 +710,9 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -729,7 +737,9 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -816,7 +826,9 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
@@ -1172,7 +1184,9 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -1280,7 +1294,9 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -1398,7 +1414,9 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -1423,7 +1441,9 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -1510,7 +1530,9 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
@@ -1866,7 +1888,9 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -2169,7 +2193,9 @@ exports[`preferences - navigation to telemetry preferences given no URL for Sent
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </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 fb6f65b9f1..90808ea35a 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
@@ -153,7 +153,9 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -261,7 +263,9 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -379,7 +383,9 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -404,7 +410,9 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -491,7 +499,9 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
@@ -835,7 +845,9 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -887,6 +899,9 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                   </div>
                 </section>
               </div>
+              <div
+                class="size-xl"
+              />
               <div
                 data-preference-item-test="copy-paste-from-terminal-preference-item"
               >
@@ -911,6 +926,9 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                   </label>
                 </section>
               </div>
+              <div
+                class="size-xl"
+              />
               <div
                 data-preference-item-test="terminal-theme"
               >
@@ -999,6 +1017,9 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                   </div>
                 </section>
               </div>
+              <div
+                class="size-xl"
+              />
               <div
                 data-preference-item-test="terminal-font-size-preference-item"
               >
@@ -1031,6 +1052,9 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                   </div>
                 </section>
               </div>
+              <div
+                class="size-xl"
+              />
               <div
                 data-preference-item-test="terminal-font-family-preference-item"
               >
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 4329a94181..bb1fc4664a 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
@@ -371,7 +371,9 @@ exports[`preferences - navigation using application menu when navigating to pref
                   </div>
                 </div>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
             </div>
           </div>
         </nav>
@@ -479,7 +481,9 @@ exports[`preferences - navigation using application menu when navigating to pref
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="extension-install-registry"
               >
@@ -597,7 +601,9 @@ exports[`preferences - navigation using application menu when navigating to pref
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="start-up"
               >
@@ -622,7 +628,9 @@ exports[`preferences - navigation using application menu when navigating to pref
                   </label>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="update-channel"
               >
@@ -709,7 +717,9 @@ exports[`preferences - navigation using application menu when navigating to pref
                   </div>
                 </section>
               </div>
-              <hr />
+              <div
+                class="HorizontalLine"
+              />
               <div
                 data-preference-item-test="timezone"
               >
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 571b3ef7d4..c6d9f0de3f 100644
--- a/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
@@ -374,7 +374,9 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                     </div>
                   </div>
                 </div>
-                <hr />
+                <div
+                  class="HorizontalLine"
+                />
               </div>
             </div>
           </nav>
@@ -482,7 +484,9 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                     </div>
                   </section>
                 </div>
-                <hr />
+                <div
+                  class="HorizontalLine"
+                />
                 <div
                   data-preference-item-test="extension-install-registry"
                 >
@@ -600,7 +604,9 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                     </div>
                   </section>
                 </div>
-                <hr />
+                <div
+                  class="HorizontalLine"
+                />
                 <div
                   data-preference-item-test="start-up"
                 >
@@ -625,7 +631,9 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                     </label>
                   </section>
                 </div>
-                <hr />
+                <div
+                  class="HorizontalLine"
+                />
                 <div
                   data-preference-item-test="update-channel"
                 >
@@ -712,7 +720,9 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                     </div>
                   </section>
                 </div>
-                <hr />
+                <div
+                  class="HorizontalLine"
+                />
                 <div
                   data-preference-item-test="timezone"
                 >