From f8ff0becfa4d14ccb975d88dcb51f6d1c1406024 Mon Sep 17 00:00:00 2001
From: Josh Perez <60019601+josh-signal@users.noreply.github.com>
Date: Wed, 3 May 2023 16:26:27 -0400
Subject: [PATCH] Adds fieldset/legend to preferences

---
 stylesheets/components/Preferences.scss | 3 +++
 ts/components/Preferences.tsx           | 6 +++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/stylesheets/components/Preferences.scss b/stylesheets/components/Preferences.scss
index c41246e68996..84f08fa9146f 100644
--- a/stylesheets/components/Preferences.scss
+++ b/stylesheets/components/Preferences.scss
@@ -155,6 +155,9 @@
   }
 
   &__settings-row {
+    border: none;
+    padding: 0;
+
     padding-bottom: 20px;
 
     h3 {
diff --git a/ts/components/Preferences.tsx b/ts/components/Preferences.tsx
index cf2a9497875e..cf9627e4f629 100644
--- a/ts/components/Preferences.tsx
+++ b/ts/components/Preferences.tsx
@@ -1324,10 +1324,10 @@ function SettingsRow({
   className?: string;
 }): JSX.Element {
   return (
-    <div className={classNames('Preferences__settings-row', className)}>
-      {title && <h3 className="Preferences__padding">{title}</h3>}
+    <fieldset className={classNames('Preferences__settings-row', className)}>
+      {title && <legend className="Preferences__padding">{title}</legend>}
       {children}
-    </div>
+    </fieldset>
   );
 }