diff --git a/stylesheets/components/Preferences.scss b/stylesheets/components/Preferences.scss
index c41246e68..84f08fa91 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 cf2a94978..cf9627e4f 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>
   );
 }