diff --git a/src/doc/rust.css b/src/doc/rust.css
index 9e51f03085fb8..091ba710375c5 100644
--- a/src/doc/rust.css
+++ b/src/doc/rust.css
@@ -350,6 +350,14 @@ a.test-arrow {
 	margin-bottom: 1em;
 }
 
+.structfield {  
+    padding-bottom: 0.2rem;
+    margin-block-start: 1.33em;
+    margin-block-end: 1.33em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+}
+
 .error-described {
 	position: relative;
 }
diff --git a/src/librustdoc/html/templates/item_union.html b/src/librustdoc/html/templates/item_union.html
index b1c1d5a63a03c..53b05ce7b5262 100644
--- a/src/librustdoc/html/templates/item_union.html
+++ b/src/librustdoc/html/templates/item_union.html
@@ -10,7 +10,7 @@ <h2 id="fields" class="fields section-header"> {# #}
     {% for (field, ty) in self.fields_iter() %}
         {% let name = field.name.expect("union field name") %}
         <span id="structfield.{{ name }}" {#+ #}
-            class="{{ ItemType::StructField +}} section-header"> {# #}
+            class="structfield {{ ItemType::StructField +}} section-header"> {# #}
             <a href="#structfield.{{ name }}" class="anchor field">§</a> {# #}
             <code>{{ name }}: {{+ self.print_ty(ty)|safe }}</code> {# #}
         </span>