browser/components/onionservices/content/authPreferences.css

@@ -2,10 +2,6 @@
 
 @import url("chrome://global/skin/browser-colors.css");
 
-#torOnionServiceKeys-overview-container {
-  margin-inline-end: 30px;
-}
-
 #onionservices-savedkeys-dialog {
   min-width: 45em;
 }

browser/components/onionservices/content/authPreferences.inc.xhtml

@@ -4,7 +4,10 @@
           data-category="panePrivacy" hidden="true">
   <label><html:h2 id="torOnionServiceKeys-header"/></label>
   <hbox>
-    <description id="torOnionServiceKeys-overview-container" flex="1">
+    <description
+      class="description-deemphasized description-with-side-element"
+      flex="1"
+    >
       <html:span id="torOnionServiceKeys-overview"
                  class="tail-with-learn-more"/>
       <label id="torOnionServiceKeys-learnMore" class="learnMore text-link"

browser/components/preferences/letterboxing.inc.xhtml

@@ -6,7 +6,7 @@
   data-category="paneGeneral"
 >
   <html:h1 data-l10n-id="letterboxing-header" />
-  <description class="letterboxing-overview">
+  <description class="letterboxing-overview description-deemphasized">
     <html:span
       data-l10n-id="letterboxing-overview"
       class="tail-with-learn-more"
@@ -25,7 +25,7 @@
 >
   <label><html:h2
     data-l10n-id="letterboxing-window-size-header"/></label>
-  <description class="letterboxing-search-overview">
+  <description class="letterboxing-search-overview description-deemphasized">
     <html:span
       data-l10n-id="letterboxing-overview"
       class="tail-with-learn-more"
@@ -50,7 +50,7 @@
   <label><html:h2
     data-l10n-id="letterboxing-alignment-header"
     /></label>
-  <description class="letterboxing-search-overview">
+  <description class="letterboxing-search-overview description-deemphasized">
     <html:span
       data-l10n-id="letterboxing-overview"
       class="tail-with-learn-more"
@@ -99,7 +99,7 @@
 >
   <label class="letterboxing-search-heading"><html:h2
     data-l10n-id="letterboxing-header"/></label>
-  <description class="letterboxing-search-overview">
+  <description class="letterboxing-search-overview description-deemphasized">
     <html:span
       data-l10n-id="letterboxing-overview"
       class="tail-with-learn-more"

browser/components/securitylevel/content/securityLevelPreferences.inc.xhtml

@@ -6,7 +6,7 @@
     <html:h2 data-l10n-id="security-level-preferences-heading"></html:h2>
   </label>
   <vbox flex="1">
-    <description flex="1">
+    <description class="description-deemphasized" flex="1">
       <html:span
         id="securityLevel-overview"
         class="tail-with-learn-more"

browser/components/torpreferences/content/connectionPane.xhtml

@@ -12,7 +12,7 @@
     hidden="true"
   >
     <html:h1 data-l10n-id="tor-connection-settings-heading"></html:h1>
-    <description flex="1">
+    <description class="description-deemphasized" flex="1">
       <html:span
         data-l10n-id="tor-connection-overview"
         class="tail-with-learn-more"
@@ -86,8 +86,11 @@
     <label>
       <html:h2 data-l10n-id="tor-connection-quickstart-heading"></html:h2>
     </label>
-    <description flex="1" data-l10n-id="tor-connection-quickstart-description">
-    </description>
+    <description
+      class="description-deemphasized"
+      flex="1"
+      data-l10n-id="tor-connection-quickstart-description"
+    />
     <checkbox
       id="torPreferences-quickstart-toggle"
       data-l10n-id="tor-connection-quickstart-checkbox"
@@ -108,7 +111,7 @@
     data-category="paneConnection"
     hidden="true"
   >
-    <description flex="1">
+    <description class="description-deemphasized" flex="1">
       <html:span
         class="tail-with-learn-more"
         data-l10n-id="tor-bridges-overview"
@@ -434,7 +437,10 @@
       id="tor-bridges-provider-heading"
       data-l10n-id="tor-bridges-find-more-heading"
     ></html:h3>
-    <description data-l10n-id="tor-bridges-find-more-description" />
+    <description
+      data-l10n-id="tor-bridges-find-more-description"
+      class="description-deemphasized"
+    />
     <html:div id="tor-bridges-provider-area">
       <html:ul id="tor-bridges-provider-list">
         <html:li class="tor-bridges-provider-item">