diff --git a/assets/css/main.css b/assets/css/main.css
index ed56222c..20e70c23 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -7356,6 +7356,9 @@ Breakpoints        | Property       | Variants
 .tw-box-border {
   box-sizing: border-box; }
 
+.tw-block {
+  display: block; }
+
 .tw-flex {
   display: flex; }
 
@@ -7452,6 +7455,9 @@ Breakpoints        | Property       | Variants
   padding-top: 0.125rem;
   padding-bottom: 0.125rem; }
 
+.tw-pb-1 {
+  padding-bottom: 0.25rem; }
+
 .tw-text-center {
   text-align: center; }
 
diff --git a/assets/css/tailwind.min.css b/assets/css/tailwind.min.css
index 5e21bea9..8b3095ed 100644
--- a/assets/css/tailwind.min.css
+++ b/assets/css/tailwind.min.css
@@ -18,6 +18,10 @@
   box-sizing: border-box
 }
 
+.tw-block {
+  display: block
+}
+
 .tw-flex {
   display: flex
 }
@@ -149,6 +153,10 @@
   padding-bottom: 0.125rem
 }
 
+.tw-pb-1 {
+  padding-bottom: 0.25rem
+}
+
 .tw-text-center {
   text-align: center
 }
diff --git a/src/forms/__snapshots__/select.test.jsx.snap b/src/forms/__snapshots__/select.test.jsx.snap
index d48869ac..765f56df 100644
--- a/src/forms/__snapshots__/select.test.jsx.snap
+++ b/src/forms/__snapshots__/select.test.jsx.snap
@@ -3,7 +3,7 @@
 exports[`A11y class pass through on labelClassName should hide the label when a11yHide is passed as a label class 1`] = `
 <Fragment>
   <FieldLabel
-    className="visibility--a11yHide"
+    className="tw-pb-1 tw-block visibility--a11yHide"
     htmlFor="testSelect"
   >
     Test select
@@ -62,7 +62,7 @@ exports[`A11y class pass through on labelClassName should hide the label when a1
 exports[`A11y class pass through on labelClassName should only pass the a11y class 1`] = `
 <Fragment>
   <FieldLabel
-    className="visibility--a11yHide"
+    className="tw-pb-1 tw-block visibility--a11yHide"
     htmlFor="testSelect"
   >
     Test select
@@ -121,7 +121,7 @@ exports[`A11y class pass through on labelClassName should only pass the a11y cla
 exports[`SelectInput basic renders into the DOM 1`] = `
 <Fragment>
   <FieldLabel
-    className=""
+    className="tw-pb-1 tw-block"
     htmlFor="testSelect"
   >
     Test select
diff --git a/src/forms/__snapshots__/textInput.test.jsx.snap b/src/forms/__snapshots__/textInput.test.jsx.snap
index 7d3c34a3..269e502c 100644
--- a/src/forms/__snapshots__/textInput.test.jsx.snap
+++ b/src/forms/__snapshots__/textInput.test.jsx.snap
@@ -11,11 +11,11 @@ exports[`TextInput renders a required HTML <input> with expected attributes for
 >
   <div>
     <FieldLabel
-      className=""
+      className="tw-pb-1 tw-block"
       htmlFor="superhero"
     >
       <label
-        className=""
+        className="tw-pb-1 tw-block"
         data-swarm-field-label={true}
         htmlFor="superhero"
       >
diff --git a/src/forms/__snapshots__/textarea.test.jsx.snap b/src/forms/__snapshots__/textarea.test.jsx.snap
index e73a705f..8b9d8c66 100644
--- a/src/forms/__snapshots__/textarea.test.jsx.snap
+++ b/src/forms/__snapshots__/textarea.test.jsx.snap
@@ -29,7 +29,7 @@ exports[`Textarea should have a label when label is given 1`] = `
   className="inputContainer"
 >
   <FieldLabel
-    className=""
+    className="tw-pb-1 tw-block"
     htmlFor="super"
   >
     Super Hero
@@ -57,7 +57,7 @@ exports[`Textarea should have a required attribute when specified 1`] = `
   className="inputContainer"
 >
   <FieldLabel
-    className=""
+    className="tw-pb-1 tw-block"
     htmlFor="super"
   >
     Super Hero
@@ -85,7 +85,7 @@ exports[`Textarea should have helper text when helper text is given 1`] = `
   className="inputContainer"
 >
   <FieldLabel
-    className=""
+    className="tw-pb-1 tw-block"
     htmlFor="super"
   >
     Super Hero
diff --git a/src/utils/a11yPassThrough.js b/src/utils/a11yPassThrough.js
index e84afd24..ebcdabce 100644
--- a/src/utils/a11yPassThrough.js
+++ b/src/utils/a11yPassThrough.js
@@ -3,7 +3,7 @@ import cx from 'classnames';
 // needed to allow for a11y cases for screen readers with mutli step forms where inputs are
 // conditionally rendered
 export default (className = '') =>
-	cx({
+	cx('tw-pb-1 tw-block', {
 		'visibility--a11yHide': className.includes('visibility--a11yHide'),
 		'visibility--a11yShow': className.includes('visiblity--a11yShow'),
 	});