diff --git a/public/JobHandler/components/__snapshots__/components.test.tsx.snap b/public/JobHandler/components/__snapshots__/components.test.tsx.snap
index f08aeffe9..ed86b3107 100644
--- a/public/JobHandler/components/__snapshots__/components.test.tsx.snap
+++ b/public/JobHandler/components/__snapshots__/components.test.tsx.snap
@@ -48,7 +48,7 @@ exports[`<ErrorToastContentForJob /> spec render with action 1`] = `
       class="euiSpacer euiSpacer--l"
     />
     <button
-      class="euiButton euiButton--danger"
+      class="euiButton euiButton--danger euiButton--small"
       style="float: right;"
       type="button"
     >
diff --git a/public/components/AdvancedSettings/__snapshots__/AdvancedSettings.test.tsx.snap b/public/components/AdvancedSettings/__snapshots__/AdvancedSettings.test.tsx.snap
index 59a325f24..b6fffd1f9 100644
--- a/public/components/AdvancedSettings/__snapshots__/AdvancedSettings.test.tsx.snap
+++ b/public/components/AdvancedSettings/__snapshots__/AdvancedSettings.test.tsx.snap
@@ -41,7 +41,7 @@ HTMLCollection [
               class="euiSpacer euiSpacer--s"
             />
             <div
-              class="euiFormRow"
+              class="euiFormRow euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
diff --git a/public/components/AliasSelect/__snapshots__/AliasSelect.test.tsx.snap b/public/components/AliasSelect/__snapshots__/AliasSelect.test.tsx.snap
index 8987a1f1c..b8ec12d8a 100644
--- a/public/components/AliasSelect/__snapshots__/AliasSelect.test.tsx.snap
+++ b/public/components/AliasSelect/__snapshots__/AliasSelect.test.tsx.snap
@@ -4,17 +4,17 @@ exports[`<AliasSelect /> spec renders the component and remove duplicate aliases
 <div
   aria-expanded="false"
   aria-haspopup="listbox"
-  class="euiComboBox"
+  class="euiComboBox euiComboBox--compressed"
   role="combobox"
 >
   <div
-    class="euiFormControlLayout"
+    class="euiFormControlLayout euiFormControlLayout--compressed"
   >
     <div
       class="euiFormControlLayout__childrenWrapper"
     >
       <div
-        class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+        class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
         data-test-subj="comboBoxInput"
         tabindex="-1"
       >
@@ -61,17 +61,17 @@ exports[`<AliasSelect /> spec renders with error 1`] = `
   <div
     aria-expanded="false"
     aria-haspopup="listbox"
-    class="euiComboBox"
+    class="euiComboBox euiComboBox--compressed"
     role="combobox"
   >
     <div
-      class="euiFormControlLayout"
+      class="euiFormControlLayout euiFormControlLayout--compressed"
     >
       <div
         class="euiFormControlLayout__childrenWrapper"
       >
         <div
-          class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+          class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
           data-test-subj="comboBoxInput"
           tabindex="-1"
         >
diff --git a/public/components/ChannelNotification/__snapshots__/ChannelNotification.test.tsx.snap b/public/components/ChannelNotification/__snapshots__/ChannelNotification.test.tsx.snap
index 37625417d..9b135ffd7 100644
--- a/public/components/ChannelNotification/__snapshots__/ChannelNotification.test.tsx.snap
+++ b/public/components/ChannelNotification/__snapshots__/ChannelNotification.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`<ChannelNotification /> spec renders the component 1`] = `
 <div
-  class="euiFormRow"
+  class="euiFormRow euiFormRow--compressed"
   id="some_html_id-row"
 >
   <div
@@ -26,13 +26,13 @@ exports[`<ChannelNotification /> spec renders the component 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormControlLayout"
+          class="euiFormControlLayout euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <select
-              class="euiSelect"
+              class="euiSelect euiSelect--compressed"
               data-test-subj="create-policy-notification-channel-id"
               id="channel-id"
               placeholder="Select channel ID"
@@ -67,7 +67,7 @@ exports[`<ChannelNotification /> spec renders the component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary refresh-button"
+          class="euiButton euiButton--primary euiButton--small refresh-button"
           data-test-subj="channel-notification-refresh"
           type="button"
         >
@@ -85,7 +85,7 @@ exports[`<ChannelNotification /> spec renders the component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <a
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           href="notifications-dashboards#/channels"
           rel="noopener noreferrer"
           target="_blank"
diff --git a/public/components/ConfirmationModal/__snapshots__/ConfirmationModal.test.tsx.snap b/public/components/ConfirmationModal/__snapshots__/ConfirmationModal.test.tsx.snap
index dcbe9f699..914dab104 100644
--- a/public/components/ConfirmationModal/__snapshots__/ConfirmationModal.test.tsx.snap
+++ b/public/components/ConfirmationModal/__snapshots__/ConfirmationModal.test.tsx.snap
@@ -51,7 +51,7 @@ exports[`<ConfirmationModal /> spec renders the component 1`] = `
           class="euiModalFooter"
         >
           <button
-            class="euiButtonEmpty euiButtonEmpty--primary"
+            class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
             data-test-subj="confirmationModalCloseButton"
             type="button"
           >
@@ -66,7 +66,7 @@ exports[`<ConfirmationModal /> spec renders the component 1`] = `
             </span>
           </button>
           <button
-            class="euiButton euiButton--primary euiButton--fill"
+            class="euiButton euiButton--primary euiButton--small euiButton--fill"
             data-test-subj="confirmationModalActionButton"
             type="button"
           >
diff --git a/public/components/ContentPanel/__snapshots__/ContentPanelActions.test.tsx.snap b/public/components/ContentPanel/__snapshots__/ContentPanelActions.test.tsx.snap
index 04d1b991f..d2f86a6e1 100644
--- a/public/components/ContentPanel/__snapshots__/ContentPanelActions.test.tsx.snap
+++ b/public/components/ContentPanel/__snapshots__/ContentPanelActions.test.tsx.snap
@@ -8,7 +8,7 @@ exports[`<ContentPanelActions /> spec renders the component 1`] = `
     class="euiFlexItem euiFlexItem--flexGrowZero"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       data-test-subj="ContentPanelActionsButton"
       type="button"
     >
diff --git a/public/components/CreatePolicyModal/__snapshots__/CreatePolicyModal.test.tsx.snap b/public/components/CreatePolicyModal/__snapshots__/CreatePolicyModal.test.tsx.snap
index 8ebb04e2a..3b4365950 100644
--- a/public/components/CreatePolicyModal/__snapshots__/CreatePolicyModal.test.tsx.snap
+++ b/public/components/CreatePolicyModal/__snapshots__/CreatePolicyModal.test.tsx.snap
@@ -73,7 +73,7 @@ exports[`<CreatePolicyModal /> spec renders the component 1`] = `
                       class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow selected-radio-panel"
                     >
                       <div
-                        class="euiFormRow"
+                        class="euiFormRow euiFormRow--compressed"
                         id="some_html_id-row"
                       >
                         <div
@@ -81,7 +81,7 @@ exports[`<CreatePolicyModal /> spec renders the component 1`] = `
                         >
                           <div
                             aria-describedby="some_html_id-help-0"
-                            class="euiRadio"
+                            class="euiRadio euiRadio--compressed"
                             data-test-subj="createPolicyModalVisualRadio"
                           >
                             <input
@@ -118,7 +118,7 @@ exports[`<CreatePolicyModal /> spec renders the component 1`] = `
                       class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                     >
                       <div
-                        class="euiFormRow"
+                        class="euiFormRow euiFormRow--compressed"
                         id="some_html_id-row"
                       >
                         <div
@@ -126,7 +126,7 @@ exports[`<CreatePolicyModal /> spec renders the component 1`] = `
                         >
                           <div
                             aria-describedby="some_html_id-help-0"
-                            class="euiRadio"
+                            class="euiRadio euiRadio--compressed"
                             data-test-subj="createPolicyModalJsonRadio"
                           >
                             <input
@@ -170,7 +170,7 @@ exports[`<CreatePolicyModal /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButtonEmpty euiButtonEmpty--primary"
+                class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
                 data-test-subj="createPolicyModalCancelButton"
                 type="button"
               >
@@ -189,7 +189,7 @@ exports[`<CreatePolicyModal /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--primary euiButton--fill"
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
                 data-test-subj="createPolicyModalContinueButton"
                 type="button"
               >
@@ -292,7 +292,7 @@ exports[`<CreatePolicyModal /> spec renders the component w/ edit 1`] = `
                       class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow selected-radio-panel"
                     >
                       <div
-                        class="euiFormRow"
+                        class="euiFormRow euiFormRow--compressed"
                         id="some_html_id-row"
                       >
                         <div
@@ -300,7 +300,7 @@ exports[`<CreatePolicyModal /> spec renders the component w/ edit 1`] = `
                         >
                           <div
                             aria-describedby="some_html_id-help-0"
-                            class="euiRadio"
+                            class="euiRadio euiRadio--compressed"
                             data-test-subj="createPolicyModalVisualRadio"
                           >
                             <input
@@ -337,7 +337,7 @@ exports[`<CreatePolicyModal /> spec renders the component w/ edit 1`] = `
                       class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
                     >
                       <div
-                        class="euiFormRow"
+                        class="euiFormRow euiFormRow--compressed"
                         id="some_html_id-row"
                       >
                         <div
@@ -345,7 +345,7 @@ exports[`<CreatePolicyModal /> spec renders the component w/ edit 1`] = `
                         >
                           <div
                             aria-describedby="some_html_id-help-0"
-                            class="euiRadio"
+                            class="euiRadio euiRadio--compressed"
                             data-test-subj="createPolicyModalJsonRadio"
                           >
                             <input
@@ -389,7 +389,7 @@ exports[`<CreatePolicyModal /> spec renders the component w/ edit 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButtonEmpty euiButtonEmpty--primary"
+                class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
                 data-test-subj="createPolicyModalCancelButton"
                 type="button"
               >
@@ -408,7 +408,7 @@ exports[`<CreatePolicyModal /> spec renders the component w/ edit 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--primary euiButton--fill"
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
                 data-test-subj="createPolicyModalContinueButton"
                 type="button"
               >
diff --git a/public/components/CustomFormRow/__snapshots__/CustomFormRow.test.tsx.snap b/public/components/CustomFormRow/__snapshots__/CustomFormRow.test.tsx.snap
index 88b551250..9e7888b68 100644
--- a/public/components/CustomFormRow/__snapshots__/CustomFormRow.test.tsx.snap
+++ b/public/components/CustomFormRow/__snapshots__/CustomFormRow.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`<FormGenerator /> spec render the component 1`] = `
 HTMLCollection [
   <div>
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="some_html_id-row"
     >
       <div
diff --git a/public/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap b/public/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap
index 1dab956c8..5b2ad3daf 100644
--- a/public/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap
+++ b/public/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap
@@ -80,13 +80,13 @@ HTMLCollection [
                   </div>
                 </div>
                 <div
-                  class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                  class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
-                      class="euiFieldText euiFieldText--fullWidth"
+                      class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                       data-test-subj="deleteInput"
                       placeholder="delete"
                       type="text"
@@ -101,7 +101,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="deletaCancelButton"
               type="button"
             >
@@ -116,7 +116,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--danger euiButton--fill euiButton-isDisabled"
+              class="euiButton euiButton--danger euiButton--small euiButton--fill euiButton-isDisabled"
               data-test-subj="deleteConfirmButton"
               disabled=""
               type="button"
diff --git a/public/components/FilterGroup/__snapshots__/FilterGroup.test.tsx.snap b/public/components/FilterGroup/__snapshots__/FilterGroup.test.tsx.snap
index adc9be3b8..13488a6c2 100644
--- a/public/components/FilterGroup/__snapshots__/FilterGroup.test.tsx.snap
+++ b/public/components/FilterGroup/__snapshots__/FilterGroup.test.tsx.snap
@@ -13,7 +13,7 @@ HTMLCollection [
           class="euiPopover__anchor"
         >
           <button
-            class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton-hasNotification euiFilterButton--hasIcon"
+            class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiFilterButton euiFilterButton-hasNotification euiFilterButton--hasIcon"
             data-test-subj="test"
             placeholder="test"
             type="button"
@@ -63,7 +63,7 @@ HTMLCollection [
           class="euiPopover__anchor"
         >
           <button
-            class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton-isSelected euiFilterButton-hasNotification euiFilterButton--hasIcon"
+            class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiFilterButton euiFilterButton-isSelected euiFilterButton-hasNotification euiFilterButton--hasIcon"
             data-test-subj="test"
             placeholder="test"
             type="button"
@@ -181,7 +181,7 @@ HTMLCollection [
           class="euiPopover__anchor"
         >
           <button
-            class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton-isSelected euiFilterButton-hasActiveFilters euiFilterButton-hasNotification euiFilterButton--hasIcon"
+            class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiFilterButton euiFilterButton-isSelected euiFilterButton-hasActiveFilters euiFilterButton-hasNotification euiFilterButton--hasIcon"
             data-test-subj="test"
             placeholder="test"
             type="button"
@@ -299,7 +299,7 @@ HTMLCollection [
           class="euiPopover__anchor"
         >
           <button
-            class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton-isSelected euiFilterButton-hasNotification euiFilterButton--hasIcon"
+            class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiFilterButton euiFilterButton-isSelected euiFilterButton-hasNotification euiFilterButton--hasIcon"
             data-test-subj="test"
             placeholder="test"
             type="button"
diff --git a/public/components/FormGenerator/__snapshots__/FormGenerator.test.tsx.snap b/public/components/FormGenerator/__snapshots__/FormGenerator.test.tsx.snap
index 5850d4eaf..cf9a5558e 100644
--- a/public/components/FormGenerator/__snapshots__/FormGenerator.test.tsx.snap
+++ b/public/components/FormGenerator/__snapshots__/FormGenerator.test.tsx.snap
@@ -7,7 +7,7 @@ HTMLCollection [
       class="euiForm"
     >
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-name-test"
         id="some_html_id-row"
       >
@@ -29,13 +29,13 @@ HTMLCollection [
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   type="text"
                   value=""
                 />
@@ -45,7 +45,7 @@ HTMLCollection [
         </div>
       </div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-name-test_component"
         id="some_html_id-row"
       >
@@ -69,7 +69,7 @@ HTMLCollection [
         </div>
       </div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-name-test_component_2"
         id="some_html_id-row"
       >
@@ -91,13 +91,13 @@ HTMLCollection [
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   type="text"
                   value=""
                 />
@@ -107,7 +107,7 @@ HTMLCollection [
         </div>
       </div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-name-test_component_3"
         id="some_html_id-row"
       >
diff --git a/public/components/IndexDetail/__snapshots__/IndexDetail.test.tsx.snap b/public/components/IndexDetail/__snapshots__/IndexDetail.test.tsx.snap
index b590f8120..e5a92beda 100644
--- a/public/components/IndexDetail/__snapshots__/IndexDetail.test.tsx.snap
+++ b/public/components/IndexDetail/__snapshots__/IndexDetail.test.tsx.snap
@@ -35,7 +35,7 @@ exports[`<IndexDetail /> spec renders the component 1`] = `
       class="euiForm"
     >
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-name-index"
         id="some_html_id-row"
       >
@@ -57,13 +57,13 @@ exports[`<IndexDetail /> spec renders the component 1`] = `
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   placeholder="Specify a name for the new index."
                   type="text"
                   value=""
@@ -82,7 +82,7 @@ exports[`<IndexDetail /> spec renders the component 1`] = `
         </div>
       </div>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         data-test-subj="form-name-templateMessage"
         id="some_html_id-row"
       >
@@ -91,7 +91,7 @@ exports[`<IndexDetail /> spec renders the component 1`] = `
         />
       </div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-name-aliases"
         id="some_html_id-row"
       >
@@ -124,17 +124,17 @@ exports[`<IndexDetail /> spec renders the component 1`] = `
             <div
               aria-expanded="false"
               aria-haspopup="listbox"
-              class="euiComboBox"
+              class="euiComboBox euiComboBox--compressed"
               role="combobox"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <div
-                    class="euiComboBox__inputWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
+                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
                     data-test-subj="comboBoxInput"
                     tabindex="-1"
                   >
diff --git a/public/components/IndexMapping/__snapshots__/IndexMapping.test.tsx.snap b/public/components/IndexMapping/__snapshots__/IndexMapping.test.tsx.snap
index 9d6b2373f..d5da9fb44 100644
--- a/public/components/IndexMapping/__snapshots__/IndexMapping.test.tsx.snap
+++ b/public/components/IndexMapping/__snapshots__/IndexMapping.test.tsx.snap
@@ -689,7 +689,7 @@ exports[`<IndexMapping /> spec render mappings with object type 1`] = `
     class="euiSpacer euiSpacer--l"
   />
   <button
-    class="euiButton euiButton--primary"
+    class="euiButton euiButton--primary euiButton--small"
     data-test-subj="createIndexAddFieldButton"
     style="margin-right: 8px;"
     type="button"
@@ -705,7 +705,7 @@ exports[`<IndexMapping /> spec render mappings with object type 1`] = `
     </span>
   </button>
   <button
-    class="euiButton euiButton--primary"
+    class="euiButton euiButton--primary euiButton--small"
     data-test-subj="createIndexAddObjectFieldButton"
     type="button"
   >
diff --git a/public/components/JSONModal/__snapshots__/JSONModal.test.tsx.snap b/public/components/JSONModal/__snapshots__/JSONModal.test.tsx.snap
index 5d7eee9dc..b3664e449 100644
--- a/public/components/JSONModal/__snapshots__/JSONModal.test.tsx.snap
+++ b/public/components/JSONModal/__snapshots__/JSONModal.test.tsx.snap
@@ -258,7 +258,7 @@ exports[`<JSONModal /> spec renders the component 1`] = `
           class="euiModalFooter"
         >
           <button
-            class="euiButtonEmpty euiButtonEmpty--primary"
+            class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
             data-test-subj="jsonModalCloseButton"
             type="button"
           >
diff --git a/public/components/LegacyNotification/__snapshots__/LegacyNotification.test.tsx.snap b/public/components/LegacyNotification/__snapshots__/LegacyNotification.test.tsx.snap
index 32526bb61..bdb6da4cd 100644
--- a/public/components/LegacyNotification/__snapshots__/LegacyNotification.test.tsx.snap
+++ b/public/components/LegacyNotification/__snapshots__/LegacyNotification.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`<LegacyNotification /> spec renders the component 1`] = `
         Using Channel ID will give you more control to manage notifications across OpenSearch dashboards. If you do decide to switch, you will lose your current error notification settings.
       </p>
       <button
-        class="euiButton euiButton--primary"
+        class="euiButton euiButton--primary euiButton--small"
         type="button"
       >
         <span
diff --git a/public/components/PolicyModal/__snapshots__/PolicyModal.test.tsx.snap b/public/components/PolicyModal/__snapshots__/PolicyModal.test.tsx.snap
index 56ecf11b2..c18d7500b 100644
--- a/public/components/PolicyModal/__snapshots__/PolicyModal.test.tsx.snap
+++ b/public/components/PolicyModal/__snapshots__/PolicyModal.test.tsx.snap
@@ -153,7 +153,7 @@ exports[`<PolicyModal /> spec renders the component 1`] = `
                 class="euiToolTipAnchor"
               >
                 <button
-                  class="euiButtonEmpty euiButtonEmpty--primary"
+                  class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
                   data-test-subj="policyModalCopyButton"
                   type="button"
                 >
@@ -174,7 +174,7 @@ exports[`<PolicyModal /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButtonEmpty euiButtonEmpty--primary"
+                class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
                 data-test-subj="policyModalCloseButton"
                 type="button"
               >
@@ -193,7 +193,7 @@ exports[`<PolicyModal /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--primary euiButton--fill"
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
                 data-test-subj="policyModalEditJsonButton"
                 type="button"
               >
@@ -212,7 +212,7 @@ exports[`<PolicyModal /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--primary euiButton--fill"
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
                 data-test-subj="policyModalEditButton"
                 type="button"
               >
diff --git a/public/components/RemoteSelect/__snapshots__/RemoteSelect.test.tsx.snap b/public/components/RemoteSelect/__snapshots__/RemoteSelect.test.tsx.snap
index 0f7fb023b..a32ae0349 100644
--- a/public/components/RemoteSelect/__snapshots__/RemoteSelect.test.tsx.snap
+++ b/public/components/RemoteSelect/__snapshots__/RemoteSelect.test.tsx.snap
@@ -4,17 +4,17 @@ exports[`<AliasSelect /> spec renders the component 1`] = `
 <div
   aria-expanded="false"
   aria-haspopup="listbox"
-  class="euiComboBox"
+  class="euiComboBox euiComboBox--compressed"
   role="combobox"
 >
   <div
-    class="euiFormControlLayout"
+    class="euiFormControlLayout euiFormControlLayout--compressed"
   >
     <div
       class="euiFormControlLayout__childrenWrapper"
     >
       <div
-        class="euiComboBox__inputWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
+        class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
         data-test-subj="comboBoxInput"
         tabindex="-1"
       >
@@ -58,17 +58,17 @@ exports[`<AliasSelect /> spec renders with error 1`] = `
 <div
   aria-expanded="false"
   aria-haspopup="listbox"
-  class="euiComboBox"
+  class="euiComboBox euiComboBox--compressed"
   role="combobox"
 >
   <div
-    class="euiFormControlLayout"
+    class="euiFormControlLayout euiFormControlLayout--compressed"
   >
     <div
       class="euiFormControlLayout__childrenWrapper"
     >
       <div
-        class="euiComboBox__inputWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
+        class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
         data-test-subj="comboBoxInput"
         tabindex="-1"
       >
diff --git a/public/components/SwitchableEditor/__snapshots__/SwitchableEditor.test.tsx.snap b/public/components/SwitchableEditor/__snapshots__/SwitchableEditor.test.tsx.snap
index 903629b2d..04ef88f5f 100644
--- a/public/components/SwitchableEditor/__snapshots__/SwitchableEditor.test.tsx.snap
+++ b/public/components/SwitchableEditor/__snapshots__/SwitchableEditor.test.tsx.snap
@@ -7,7 +7,7 @@ HTMLCollection [
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiSwitch euiSwitch--primary"
+      class="euiSwitch euiSwitch--primary euiSwitch--compressed"
     >
       <button
         aria-checked="false"
@@ -25,10 +25,7 @@ HTMLCollection [
           />
           <span
             class="euiSwitch__track"
-          >
-            EuiIconMock
-            EuiIconMock
-          </span>
+          />
         </span>
       </button>
       <span
@@ -169,7 +166,7 @@ HTMLCollection [
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiSwitch euiSwitch--primary"
+      class="euiSwitch euiSwitch--primary euiSwitch--compressed"
     >
       <button
         aria-checked="true"
@@ -187,10 +184,7 @@ HTMLCollection [
           />
           <span
             class="euiSwitch__track"
-          >
-            EuiIconMock
-            EuiIconMock
-          </span>
+          />
         </span>
       </button>
       <span
@@ -218,7 +212,7 @@ HTMLCollection [
           style="flex-grow: 1;"
         >
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="some_html_id-row"
           >
             <div
@@ -247,7 +241,7 @@ HTMLCollection [
           style="flex-grow: 1;"
         >
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="some_html_id-row"
           >
             <div
diff --git a/public/components/UnsavedChangesBottomBar/__snapshots__/UnsavedChangesBottomBar.test.tsx.snap b/public/components/UnsavedChangesBottomBar/__snapshots__/UnsavedChangesBottomBar.test.tsx.snap
index f24bafde0..cf8474e50 100644
--- a/public/components/UnsavedChangesBottomBar/__snapshots__/UnsavedChangesBottomBar.test.tsx.snap
+++ b/public/components/UnsavedChangesBottomBar/__snapshots__/UnsavedChangesBottomBar.test.tsx.snap
@@ -20,7 +20,7 @@ HTMLCollection [
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
           <button
-            class="euiButtonEmpty euiButtonEmpty--ghost"
+            class="euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small"
             type="button"
           >
             <span
diff --git a/public/containers/ChannelSelect/__snapshots__/ChannelSelect.test.tsx.snap b/public/containers/ChannelSelect/__snapshots__/ChannelSelect.test.tsx.snap
index 36cb3ba8d..7c11786c6 100644
--- a/public/containers/ChannelSelect/__snapshots__/ChannelSelect.test.tsx.snap
+++ b/public/containers/ChannelSelect/__snapshots__/ChannelSelect.test.tsx.snap
@@ -16,17 +16,17 @@ exports[`<ChannelNotification /> spec renders the component 1`] = `
         <div
           aria-expanded="false"
           aria-haspopup="listbox"
-          class="euiComboBox channelSelect-combobox"
+          class="euiComboBox channelSelect-combobox euiComboBox--compressed"
           role="combobox"
         >
           <div
-            class="euiFormControlLayout"
+            class="euiFormControlLayout euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <div
-                class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                 data-test-subj="comboBoxInput"
                 tabindex="-1"
               >
@@ -83,17 +83,17 @@ exports[`<ChannelNotification /> spec renders the component 1`] = `
         <div
           aria-expanded="false"
           aria-haspopup="listbox"
-          class="euiComboBox channelSelect-combobox"
+          class="euiComboBox channelSelect-combobox euiComboBox--compressed"
           role="combobox"
         >
           <div
-            class="euiFormControlLayout"
+            class="euiFormControlLayout euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <div
-                class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                 data-test-subj="comboBoxInput"
                 tabindex="-1"
               >
diff --git a/public/containers/ClearCacheModal/__snapshots__/ClearCacheModal.test.tsx.snap b/public/containers/ClearCacheModal/__snapshots__/ClearCacheModal.test.tsx.snap
index d1ea64585..a6e05da19 100644
--- a/public/containers/ClearCacheModal/__snapshots__/ClearCacheModal.test.tsx.snap
+++ b/public/containers/ClearCacheModal/__snapshots__/ClearCacheModal.test.tsx.snap
@@ -65,7 +65,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="ClearCacheCancelButton"
               type="button"
             >
@@ -80,7 +80,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="ClearCacheConfirmButton"
               type="button"
             >
diff --git a/public/containers/ErrorNotification/__snapshots__/ErrorNotification.test.tsx.snap b/public/containers/ErrorNotification/__snapshots__/ErrorNotification.test.tsx.snap
index c7c4d12f9..f1ccbd6fa 100644
--- a/public/containers/ErrorNotification/__snapshots__/ErrorNotification.test.tsx.snap
+++ b/public/containers/ErrorNotification/__snapshots__/ErrorNotification.test.tsx.snap
@@ -83,7 +83,7 @@ exports[`<ErrorNotification /> spec renders the component 1`] = `
       style="padding: 10px 0px 0px 10px;"
     >
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -107,13 +107,13 @@ exports[`<ErrorNotification /> spec renders the component 1`] = `
               class="euiFlexItem"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <select
-                    class="euiSelect"
+                    class="euiSelect euiSelect--compressed"
                     data-test-subj="create-policy-notification-channel-id"
                     id="channel-id"
                     placeholder="Select channel ID"
@@ -143,7 +143,7 @@ exports[`<ErrorNotification /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--primary refresh-button"
+                class="euiButton euiButton--primary euiButton--small refresh-button"
                 data-test-subj="channel-notification-refresh"
                 type="button"
               >
@@ -161,7 +161,7 @@ exports[`<ErrorNotification /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <a
-                class="euiButton euiButton--primary"
+                class="euiButton euiButton--primary euiButton--small"
                 href="notifications-dashboards#/channels"
                 rel="noopener noreferrer"
                 target="_blank"
@@ -185,7 +185,7 @@ exports[`<ErrorNotification /> spec renders the component 1`] = `
         class="euiSpacer euiSpacer--m"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
         title="Notification message"
       >
diff --git a/public/containers/FlushIndexModal/__snapshots__/FlushIndexModal.test.tsx.snap b/public/containers/FlushIndexModal/__snapshots__/FlushIndexModal.test.tsx.snap
index c49bbde0d..bb47eb31f 100644
--- a/public/containers/FlushIndexModal/__snapshots__/FlushIndexModal.test.tsx.snap
+++ b/public/containers/FlushIndexModal/__snapshots__/FlushIndexModal.test.tsx.snap
@@ -102,7 +102,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="flushCancelButton"
               type="button"
             >
@@ -117,7 +117,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="flushConfirmButton"
               type="button"
             >
@@ -248,7 +248,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="flushCancelButton"
               type="button"
             >
@@ -263,7 +263,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="flushConfirmButton"
               type="button"
             >
@@ -397,7 +397,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="flushCancelButton"
               type="button"
             >
@@ -412,7 +412,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="flushConfirmButton"
               type="button"
             >
@@ -530,7 +530,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="flushCancelButton"
               type="button"
             >
@@ -545,7 +545,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="flushConfirmButton"
               type="button"
             >
@@ -673,7 +673,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="flushCancelButton"
               type="button"
             >
@@ -688,7 +688,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="flushConfirmButton"
               type="button"
             >
diff --git a/public/containers/IndexForm/__snapshots__/IndexForm.test.tsx.snap b/public/containers/IndexForm/__snapshots__/IndexForm.test.tsx.snap
index 8f277b02b..cd332de32 100644
--- a/public/containers/IndexForm/__snapshots__/IndexForm.test.tsx.snap
+++ b/public/containers/IndexForm/__snapshots__/IndexForm.test.tsx.snap
@@ -36,7 +36,7 @@ exports[`<IndexForm /> spec render page 1`] = `
         class="euiForm"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           data-test-subj="form-name-index"
           id="some_html_id-row"
         >
@@ -58,13 +58,13 @@ exports[`<IndexForm /> spec render page 1`] = `
               class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <input
-                    class="euiFieldText"
+                    class="euiFieldText euiFieldText--compressed"
                     placeholder="Specify a name for the new index."
                     type="text"
                     value=""
@@ -83,7 +83,7 @@ exports[`<IndexForm /> spec render page 1`] = `
           </div>
         </div>
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           data-test-subj="form-name-templateMessage"
           id="some_html_id-row"
         >
@@ -92,7 +92,7 @@ exports[`<IndexForm /> spec render page 1`] = `
           />
         </div>
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           data-test-subj="form-name-aliases"
           id="some_html_id-row"
         >
@@ -125,17 +125,17 @@ exports[`<IndexForm /> spec render page 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                class="euiComboBox"
+                class="euiComboBox euiComboBox--compressed"
                 role="combobox"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <div
-                      class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                      class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                       data-test-subj="comboBoxInput"
                       tabindex="-1"
                     >
@@ -218,7 +218,7 @@ exports[`<IndexForm /> spec render page 1`] = `
         class="euiForm"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           data-test-subj="form-name-index.number_of_shards"
           id="some_html_id-row"
         >
@@ -251,13 +251,13 @@ exports[`<IndexForm /> spec render page 1`] = `
               class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <input
-                    class="euiFieldNumber"
+                    class="euiFieldNumber euiFieldNumber--compressed"
                     placeholder="Specify primary shard count."
                     type="number"
                     value=""
@@ -268,7 +268,7 @@ exports[`<IndexForm /> spec render page 1`] = `
           </div>
         </div>
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           data-test-subj="form-name-index.number_of_replicas"
           id="some_html_id-row"
         >
@@ -296,13 +296,13 @@ exports[`<IndexForm /> spec render page 1`] = `
               class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <input
-                    class="euiFieldNumber"
+                    class="euiFieldNumber euiFieldNumber--compressed"
                     placeholder="Specify number of replicas."
                     type="number"
                     value=""
@@ -313,7 +313,7 @@ exports[`<IndexForm /> spec render page 1`] = `
           </div>
         </div>
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           data-test-subj="form-name-index.refresh_interval"
           id="some_html_id-row"
         >
@@ -341,13 +341,13 @@ exports[`<IndexForm /> spec render page 1`] = `
               class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <input
-                    class="euiFieldText"
+                    class="euiFieldText euiFieldText--compressed"
                     placeholder="Can be set to -1 to disable refreshing."
                     type="text"
                     value=""
@@ -403,7 +403,7 @@ exports[`<IndexForm /> spec render page 1`] = `
                   class="euiSpacer euiSpacer--s"
                 />
                 <div
-                  class="euiFormRow euiFormRow--fullWidth"
+                  class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
                   data-test-subj="formNameAdvancedSettings"
                   id="some_html_id-row"
                 >
@@ -612,7 +612,7 @@ exports[`<IndexForm /> spec render page 1`] = `
           </i>
         </div>
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -655,7 +655,7 @@ exports[`<IndexForm /> spec render page 1`] = `
       style="padding: 0px 10px;"
     >
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -735,7 +735,7 @@ exports[`<IndexForm /> spec render page 1`] = `
             class="euiSpacer euiSpacer--l"
           />
           <button
-            class="euiButton euiButton--primary"
+            class="euiButton euiButton--primary euiButton--small"
             data-test-subj="createIndexAddFieldButton"
             style="margin-right: 8px;"
             type="button"
@@ -751,7 +751,7 @@ exports[`<IndexForm /> spec render page 1`] = `
             </span>
           </button>
           <button
-            class="euiButton euiButton--primary"
+            class="euiButton euiButton--primary euiButton--small"
             data-test-subj="createIndexAddObjectFieldButton"
             type="button"
           >
diff --git a/public/containers/NotificationConfig/__snapshots__/NotificationConfig.test.tsx.snap b/public/containers/NotificationConfig/__snapshots__/NotificationConfig.test.tsx.snap
index 20530817d..d891a0675 100644
--- a/public/containers/NotificationConfig/__snapshots__/NotificationConfig.test.tsx.snap
+++ b/public/containers/NotificationConfig/__snapshots__/NotificationConfig.test.tsx.snap
@@ -35,7 +35,7 @@ exports[`<ChannelNotification /> spec renders with create permission and no defa
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="some_html_id-row"
     >
       <div
@@ -55,7 +55,7 @@ exports[`<ChannelNotification /> spec renders with create permission and no defa
           class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
         >
           <div
-            class="euiCheckbox"
+            class="euiCheckbox euiCheckbox--compressed"
           >
             <input
               class="euiCheckbox__input"
@@ -81,7 +81,7 @@ exports[`<ChannelNotification /> spec renders with create permission and no defa
           class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
         >
           <div
-            class="euiCheckbox"
+            class="euiCheckbox euiCheckbox--compressed"
           >
             <input
               class="euiCheckbox__input"
@@ -162,7 +162,7 @@ exports[`<ChannelNotification /> spec renders with full permission and default n
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -195,7 +195,7 @@ exports[`<ChannelNotification /> spec renders with full permission and default n
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -243,7 +243,7 @@ exports[`<ChannelNotification /> spec renders with full permission and default n
       class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
     >
       <div
-        class="euiCheckbox"
+        class="euiCheckbox euiCheckbox--compressed"
       >
         <input
           class="euiCheckbox__input"
@@ -316,7 +316,7 @@ exports[`<ChannelNotification /> spec renders with full permission and no defaul
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="some_html_id-row"
     >
       <div
@@ -336,7 +336,7 @@ exports[`<ChannelNotification /> spec renders with full permission and no defaul
           class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
         >
           <div
-            class="euiCheckbox"
+            class="euiCheckbox euiCheckbox--compressed"
           >
             <input
               class="euiCheckbox__input"
@@ -362,7 +362,7 @@ exports[`<ChannelNotification /> spec renders with full permission and no defaul
           class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
         >
           <div
-            class="euiCheckbox"
+            class="euiCheckbox euiCheckbox--compressed"
           >
             <input
               class="euiCheckbox__input"
@@ -442,7 +442,7 @@ exports[`<ChannelNotification /> spec renders with view permission and default n
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -475,7 +475,7 @@ exports[`<ChannelNotification /> spec renders with view permission and default n
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
diff --git a/public/pages/Aliases/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap b/public/pages/Aliases/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
index e2b013133..18166dae0 100644
--- a/public/pages/Aliases/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
+++ b/public/pages/Aliases/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
@@ -9,13 +9,13 @@ exports[`<IndexControls /> spec renders the component 1`] = `
     class="euiFlexItem"
   >
     <div
-      class="euiFormControlLayout euiFormControlLayout--fullWidth"
+      class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
     >
       <div
         class="euiFormControlLayout__childrenWrapper"
       >
         <input
-          class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch-isClearable"
+          class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch-isClearable"
           placeholder="Search..."
           type="search"
           value="testing"
@@ -34,7 +34,7 @@ exports[`<IndexControls /> spec renders the component 1`] = `
         >
           <button
             aria-label="Clear input"
-            class="euiFormControlLayoutClearButton"
+            class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
             type="button"
           >
             EuiIconMock
@@ -49,18 +49,18 @@ exports[`<IndexControls /> spec renders the component 1`] = `
     <div
       aria-expanded="false"
       aria-haspopup="listbox"
-      class="euiComboBox"
+      class="euiComboBox euiComboBox--compressed"
       role="combobox"
       style="width: 300px;"
     >
       <div
-        class="euiFormControlLayout"
+        class="euiFormControlLayout euiFormControlLayout--compressed"
       >
         <div
           class="euiFormControlLayout__childrenWrapper"
         >
           <div
-            class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+            class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
             data-test-subj="comboBoxInput"
             tabindex="-1"
           >
@@ -107,7 +107,7 @@ exports[`<IndexControls /> spec renders the component 1`] = `
           >
             <button
               aria-label="Clear input"
-              class="euiFormControlLayoutClearButton"
+              class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
               data-test-subj="comboBoxClearButton"
               type="button"
             >
diff --git a/public/pages/Aliases/containers/AliasActions/__snapshots__/AliasActions.test.tsx.snap b/public/pages/Aliases/containers/AliasActions/__snapshots__/AliasActions.test.tsx.snap
index 0db264c08..d2fc9928c 100644
--- a/public/pages/Aliases/containers/AliasActions/__snapshots__/AliasActions.test.tsx.snap
+++ b/public/pages/Aliases/containers/AliasActions/__snapshots__/AliasActions.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`<AliasesActions /> spec cannot clear cache for aliases if some indexes
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -36,7 +36,7 @@ exports[`<AliasesActions /> spec clear cache for aliases by calling commonServic
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -63,7 +63,7 @@ exports[`<AliasesActions /> spec delete alias by calling commonService 1`] = `
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -90,7 +90,7 @@ exports[`<AliasesActions /> spec filter aliases failed when clearing caches for
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -124,7 +124,7 @@ exports[`<AliasesActions /> spec refresh alias by calling commonService 1`] = `
         class="euiPopover__anchor"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -242,7 +242,7 @@ exports[`<AliasesActions /> spec refresh alias by calling commonService 1`] = `
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               type="button"
             >
               <span
@@ -256,7 +256,7 @@ exports[`<AliasesActions /> spec refresh alias by calling commonService 1`] = `
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="refreshConfirmButton"
               type="button"
             >
@@ -301,7 +301,7 @@ exports[`<AliasesActions /> spec refresh multi alias even failed to get index st
         class="euiPopover__anchor"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -392,7 +392,7 @@ exports[`<AliasesActions /> spec refresh multi alias even failed to get index st
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               type="button"
             >
               <span
@@ -406,7 +406,7 @@ exports[`<AliasesActions /> spec refresh multi alias even failed to get index st
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="refreshConfirmButton"
               type="button"
             >
@@ -449,7 +449,7 @@ HTMLCollection [
         class="euiPopover__anchor"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -562,7 +562,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="flushCancelButton"
               type="button"
             >
@@ -577,7 +577,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="flushConfirmButton"
               type="button"
             >
@@ -615,7 +615,7 @@ exports[`<AliasesActions /> spec renders the component and all the actions shoul
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
diff --git a/public/pages/Aliases/containers/Aliases/__snapshots__/Aliases.test.tsx.snap b/public/pages/Aliases/containers/Aliases/__snapshots__/Aliases.test.tsx.snap
index cdb5bf628..caa3632b3 100644
--- a/public/pages/Aliases/containers/Aliases/__snapshots__/Aliases.test.tsx.snap
+++ b/public/pages/Aliases/containers/Aliases/__snapshots__/Aliases.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<Aliases /> spec renders the component 1`] = `
         Aliases
       </span>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -75,7 +75,7 @@ exports[`<Aliases /> spec renders the component 1`] = `
                   class="euiPopover__anchor"
                 >
                   <button
-                    class="euiButton euiButton--primary"
+                    class="euiButton euiButton--primary euiButton--small"
                     type="button"
                   >
                     <span
@@ -96,7 +96,7 @@ exports[`<Aliases /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--primary euiButton--fill"
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
                 data-test-subj="Create aliasButton"
                 type="button"
               >
@@ -130,13 +130,13 @@ exports[`<Aliases /> spec renders the component 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormControlLayout euiFormControlLayout--fullWidth"
+          class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <input
-              class="euiFieldSearch euiFieldSearch--fullWidth"
+              class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
               placeholder="Search..."
               type="search"
               value=""
@@ -159,18 +159,18 @@ exports[`<Aliases /> spec renders the component 1`] = `
         <div
           aria-expanded="false"
           aria-haspopup="listbox"
-          class="euiComboBox"
+          class="euiComboBox euiComboBox--compressed"
           role="combobox"
           style="width: 300px;"
         >
           <div
-            class="euiFormControlLayout"
+            class="euiFormControlLayout euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <div
-                class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                 data-test-subj="comboBoxInput"
                 tabindex="-1"
               >
@@ -421,7 +421,7 @@ exports[`<Aliases /> spec renders the component 1`] = `
                           class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
                           <button
-                            class="euiButton euiButton--primary euiButton--fill"
+                            class="euiButton euiButton--primary euiButton--small euiButton--fill"
                             type="button"
                           >
                             <span
diff --git a/public/pages/Aliases/containers/CreateAlias/__snapshots__/CreateAlias.test.tsx.snap b/public/pages/Aliases/containers/CreateAlias/__snapshots__/CreateAlias.test.tsx.snap
index 8ae51a911..4028a5e0e 100644
--- a/public/pages/Aliases/containers/CreateAlias/__snapshots__/CreateAlias.test.tsx.snap
+++ b/public/pages/Aliases/containers/CreateAlias/__snapshots__/CreateAlias.test.tsx.snap
@@ -55,7 +55,7 @@ HTMLCollection [
                 class="euiForm"
               >
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--compressed"
                   data-test-subj="form-name-alias"
                   id="some_html_id-row"
                 >
@@ -77,13 +77,13 @@ HTMLCollection [
                       class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                     >
                       <div
-                        class="euiFormControlLayout"
+                        class="euiFormControlLayout euiFormControlLayout--compressed"
                       >
                         <div
                           class="euiFormControlLayout__childrenWrapper"
                         >
                           <input
-                            class="euiFieldText"
+                            class="euiFieldText euiFieldText--compressed"
                             placeholder="Specify alias name"
                             type="text"
                             value=""
@@ -100,7 +100,7 @@ HTMLCollection [
                   </div>
                 </div>
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--compressed"
                   data-test-subj="form-name-indexArray"
                   id="some_html_id-row"
                 >
@@ -127,17 +127,17 @@ HTMLCollection [
                     <div
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      class="euiComboBox"
+                      class="euiComboBox euiComboBox--compressed"
                       role="combobox"
                     >
                       <div
-                        class="euiFormControlLayout"
+                        class="euiFormControlLayout euiFormControlLayout--compressed"
                       >
                         <div
                           class="euiFormControlLayout__childrenWrapper"
                         >
                           <div
-                            class="euiComboBox__inputWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
+                            class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
                             data-test-subj="comboBoxInput"
                             tabindex="-1"
                           >
@@ -193,7 +193,7 @@ HTMLCollection [
           >
             <div>
               <button
-                class="euiButton euiButton--primary"
+                class="euiButton euiButton--primary euiButton--small"
                 data-test-subj="cancelCreateAliasButton"
                 style="margin-right: 20px;"
                 type="button"
@@ -209,7 +209,7 @@ HTMLCollection [
                 </span>
               </button>
               <button
-                class="euiButton euiButton--primary euiButton--fill"
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
                 data-test-subj="createAliasButton"
                 type="button"
               >
diff --git a/public/pages/Aliases/containers/DeleteAliasModal/__snapshots__/DeleteAliasModal.test.tsx.snap b/public/pages/Aliases/containers/DeleteAliasModal/__snapshots__/DeleteAliasModal.test.tsx.snap
index 9aa8f94ee..b49c26501 100644
--- a/public/pages/Aliases/containers/DeleteAliasModal/__snapshots__/DeleteAliasModal.test.tsx.snap
+++ b/public/pages/Aliases/containers/DeleteAliasModal/__snapshots__/DeleteAliasModal.test.tsx.snap
@@ -76,13 +76,13 @@ HTMLCollection [
                   </div>
                 </div>
                 <div
-                  class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                  class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
-                      class="euiFieldText euiFieldText--fullWidth"
+                      class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                       data-test-subj="deleteInput"
                       placeholder="delete"
                       type="text"
@@ -97,7 +97,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               type="button"
             >
               <span
@@ -111,7 +111,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--danger euiButton--fill euiButton-isDisabled"
+              class="euiButton euiButton--danger euiButton--small euiButton--fill euiButton-isDisabled"
               data-test-subj="deleteConfirmButton"
               disabled=""
               type="button"
diff --git a/public/pages/ChangePolicy/components/ChangeManagedIndices/__snapshots__/ChangeManagedIndices.test.tsx.snap b/public/pages/ChangePolicy/components/ChangeManagedIndices/__snapshots__/ChangeManagedIndices.test.tsx.snap
index 690c107db..29bedfb9d 100644
--- a/public/pages/ChangePolicy/components/ChangeManagedIndices/__snapshots__/ChangeManagedIndices.test.tsx.snap
+++ b/public/pages/ChangePolicy/components/ChangeManagedIndices/__snapshots__/ChangeManagedIndices.test.tsx.snap
@@ -38,7 +38,7 @@ exports[`<ChangeManagedIndices /> spec renders the component 1`] = `
         class="euiSpacer euiSpacer--m"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -59,17 +59,17 @@ exports[`<ChangeManagedIndices /> spec renders the component 1`] = `
             aria-describedby="some_html_id-help-0"
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="euiComboBox"
+            class="euiComboBox euiComboBox--compressed"
             role="combobox"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <div
-                  class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                   data-test-subj="comboBoxInput"
                   tabindex="-1"
                 >
@@ -114,7 +114,7 @@ exports[`<ChangeManagedIndices /> spec renders the component 1`] = `
         </div>
       </div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -134,17 +134,17 @@ exports[`<ChangeManagedIndices /> spec renders the component 1`] = `
             aria-describedby="some_html_id-help-0"
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="euiComboBox euiComboBox-isDisabled"
+            class="euiComboBox euiComboBox--compressed euiComboBox-isDisabled"
             role="combobox"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <div
-                  class="euiComboBox__inputWrap"
+                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
                   data-test-subj="comboBoxInput"
                   tabindex="-1"
                 >
diff --git a/public/pages/ChangePolicy/components/NewPolicy/__snapshots__/NewPolicy.test.tsx.snap b/public/pages/ChangePolicy/components/NewPolicy/__snapshots__/NewPolicy.test.tsx.snap
index 58003e5d6..4d9485e75 100644
--- a/public/pages/ChangePolicy/components/NewPolicy/__snapshots__/NewPolicy.test.tsx.snap
+++ b/public/pages/ChangePolicy/components/NewPolicy/__snapshots__/NewPolicy.test.tsx.snap
@@ -60,7 +60,7 @@ exports[`<NewPolicy /> spec renders the component 1`] = `
         class="euiSpacer euiSpacer--s"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -80,17 +80,17 @@ exports[`<NewPolicy /> spec renders the component 1`] = `
           <div
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="euiComboBox"
+            class="euiComboBox euiComboBox--compressed"
             role="combobox"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <div
-                  class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
                   data-test-subj="comboBoxInput"
                   tabindex="-1"
                 >
@@ -133,7 +133,7 @@ exports[`<NewPolicy /> spec renders the component 1`] = `
       />
       <div>
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             checked=""
@@ -153,7 +153,7 @@ exports[`<NewPolicy /> spec renders the component 1`] = `
           </label>
         </div>
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             class="euiRadio__input"
@@ -177,21 +177,21 @@ exports[`<NewPolicy /> spec renders the component 1`] = `
         class="euiSpacer euiSpacer--s"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiFormControlLayout"
+            class="euiFormControlLayout euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <select
                 aria-label="Start state for new policy"
-                class="euiSelect"
+                class="euiSelect euiSelect--compressed"
                 disabled=""
                 id="some_html_id"
               />
diff --git a/public/pages/ChangePolicy/containers/ChangePolicy/__snapshots__/ChangePolicy.test.tsx.snap b/public/pages/ChangePolicy/containers/ChangePolicy/__snapshots__/ChangePolicy.test.tsx.snap
index 1f40cb70b..2eddedfd3 100644
--- a/public/pages/ChangePolicy/containers/ChangePolicy/__snapshots__/ChangePolicy.test.tsx.snap
+++ b/public/pages/ChangePolicy/containers/ChangePolicy/__snapshots__/ChangePolicy.test.tsx.snap
@@ -49,7 +49,7 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
           class="euiSpacer euiSpacer--m"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -70,17 +70,17 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
               aria-describedby="some_html_id-help-0"
               aria-expanded="false"
               aria-haspopup="listbox"
-              class="euiComboBox"
+              class="euiComboBox euiComboBox--compressed"
               role="combobox"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <div
-                    class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                     data-test-subj="comboBoxInput"
                     tabindex="-1"
                   >
@@ -125,7 +125,7 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
           </div>
         </div>
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -145,17 +145,17 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
               aria-describedby="some_html_id-help-0"
               aria-expanded="false"
               aria-haspopup="listbox"
-              class="euiComboBox euiComboBox-isDisabled"
+              class="euiComboBox euiComboBox--compressed euiComboBox-isDisabled"
               role="combobox"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <div
-                    class="euiComboBox__inputWrap"
+                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
                     data-test-subj="comboBoxInput"
                     tabindex="-1"
                   >
@@ -271,7 +271,7 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
           class="euiSpacer euiSpacer--s"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -291,17 +291,17 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
             <div
               aria-expanded="false"
               aria-haspopup="listbox"
-              class="euiComboBox"
+              class="euiComboBox euiComboBox--compressed"
               role="combobox"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <div
-                    class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
                     data-test-subj="comboBoxInput"
                     tabindex="-1"
                   >
@@ -344,7 +344,7 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
         />
         <div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               checked=""
@@ -364,7 +364,7 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -388,21 +388,21 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
           class="euiSpacer euiSpacer--s"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <select
                   aria-label="Start state for new policy"
-                  class="euiSelect"
+                  class="euiSelect euiSelect--compressed"
                   disabled=""
                   id="some_html_id"
                 />
@@ -432,7 +432,7 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButtonEmpty euiButtonEmpty--primary"
+        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
         data-test-subj="changePolicyCancelButton"
         type="button"
       >
@@ -451,7 +451,7 @@ exports[`<ChangePolicy /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="changePolicyChangeButton"
         type="button"
       >
diff --git a/public/pages/ComposableTemplates/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap b/public/pages/ComposableTemplates/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
index f824985b6..cf0145263 100644
--- a/public/pages/ComposableTemplates/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
+++ b/public/pages/ComposableTemplates/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
@@ -9,13 +9,13 @@ exports[`<IndexControls /> spec renders the component 1`] = `
     class="euiFlexItem"
   >
     <div
-      class="euiFormControlLayout euiFormControlLayout--fullWidth"
+      class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
     >
       <div
         class="euiFormControlLayout__childrenWrapper"
       >
         <input
-          class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch-isClearable"
+          class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch-isClearable"
           placeholder="Search..."
           type="search"
           value="testing"
@@ -34,7 +34,7 @@ exports[`<IndexControls /> spec renders the component 1`] = `
         >
           <button
             aria-label="Clear input"
-            class="euiFormControlLayoutClearButton"
+            class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
             type="button"
           >
             EuiIconMock
@@ -57,7 +57,7 @@ exports[`<IndexControls /> spec renders the component 1`] = `
           class="euiPopover__anchor"
         >
           <button
-            class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton-hasNotification euiFilterButton--hasIcon"
+            class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiFilterButton euiFilterButton-hasNotification euiFilterButton--hasIcon"
             type="button"
           >
             <span
diff --git a/public/pages/ComposableTemplates/containers/AssociatedTemplatesModal/__snapshots__/AssociatedTemplatesModal.test.tsx.snap b/public/pages/ComposableTemplates/containers/AssociatedTemplatesModal/__snapshots__/AssociatedTemplatesModal.test.tsx.snap
index fcd6bfe7d..daf206825 100644
--- a/public/pages/ComposableTemplates/containers/AssociatedTemplatesModal/__snapshots__/AssociatedTemplatesModal.test.tsx.snap
+++ b/public/pages/ComposableTemplates/containers/AssociatedTemplatesModal/__snapshots__/AssociatedTemplatesModal.test.tsx.snap
@@ -169,7 +169,7 @@ HTMLCollection [
                             >
                               <button
                                 aria-label="Unlink from test_template?"
-                                class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                                class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
                                 type="button"
                               >
                                 EuiIconMock
diff --git a/public/pages/ComposableTemplates/containers/ComposableTemplates/__snapshots__/ComposableTemplates.test.tsx.snap b/public/pages/ComposableTemplates/containers/ComposableTemplates/__snapshots__/ComposableTemplates.test.tsx.snap
index 2bdc5d49d..bf1b2002d 100644
--- a/public/pages/ComposableTemplates/containers/ComposableTemplates/__snapshots__/ComposableTemplates.test.tsx.snap
+++ b/public/pages/ComposableTemplates/containers/ComposableTemplates/__snapshots__/ComposableTemplates.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<ComposableTemplates /> spec renders the component 1`] = `
         Component templates
       </span>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -58,7 +58,7 @@ exports[`<ComposableTemplates /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--danger euiButton-isDisabled"
+                class="euiButton euiButton--danger euiButton--small euiButton-isDisabled"
                 data-test-subj="deleteAction"
                 disabled=""
                 type="button"
@@ -78,7 +78,7 @@ exports[`<ComposableTemplates /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--primary euiButton--fill"
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
                 data-test-subj="Create component templateButton"
                 type="button"
               >
@@ -112,13 +112,13 @@ exports[`<ComposableTemplates /> spec renders the component 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormControlLayout euiFormControlLayout--fullWidth"
+          class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <input
-              class="euiFieldSearch euiFieldSearch--fullWidth"
+              class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
               placeholder="Search..."
               type="search"
               value=""
@@ -149,7 +149,7 @@ exports[`<ComposableTemplates /> spec renders the component 1`] = `
               class="euiPopover__anchor"
             >
               <button
-                class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton-hasNotification euiFilterButton--hasIcon"
+                class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiFilterButton euiFilterButton-hasNotification euiFilterButton--hasIcon"
                 type="button"
               >
                 <span
diff --git a/public/pages/ComposableTemplates/containers/ComposableTemplatesActions/__snapshots__/ComposableTemplatesActions.test.tsx.snap b/public/pages/ComposableTemplates/containers/ComposableTemplatesActions/__snapshots__/ComposableTemplatesActions.test.tsx.snap
index 315b09710..3a94036ad 100644
--- a/public/pages/ComposableTemplates/containers/ComposableTemplatesActions/__snapshots__/ComposableTemplatesActions.test.tsx.snap
+++ b/public/pages/ComposableTemplates/containers/ComposableTemplatesActions/__snapshots__/ComposableTemplatesActions.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`<ComposableTemplatesActions /> spec delete templates by calling commonService 1`] = `
 <button
-  class="euiButton euiButton--danger"
+  class="euiButton euiButton--danger euiButton--small"
   data-test-subj="deleteAction"
   type="button"
 >
@@ -31,7 +31,7 @@ exports[`<ComposableTemplatesActions /> spec renders delete action by using rend
 
 exports[`<ComposableTemplatesActions /> spec renders the component and all the actions should be disabled when no items selected 1`] = `
 <button
-  class="euiButton euiButton--danger euiButton-isDisabled"
+  class="euiButton euiButton--danger euiButton--small euiButton-isDisabled"
   data-test-subj="deleteAction"
   disabled=""
   type="button"
diff --git a/public/pages/ComposableTemplates/containers/DeleteComposableTemplatesModal/__snapshots__/DeleteComposableTemplatesModal.test.tsx.snap b/public/pages/ComposableTemplates/containers/DeleteComposableTemplatesModal/__snapshots__/DeleteComposableTemplatesModal.test.tsx.snap
index b6e59e2ec..fb83e969d 100644
--- a/public/pages/ComposableTemplates/containers/DeleteComposableTemplatesModal/__snapshots__/DeleteComposableTemplatesModal.test.tsx.snap
+++ b/public/pages/ComposableTemplates/containers/DeleteComposableTemplatesModal/__snapshots__/DeleteComposableTemplatesModal.test.tsx.snap
@@ -64,7 +64,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="deletaCancelButton"
               type="button"
             >
@@ -79,7 +79,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--danger euiButton--fill"
+              class="euiButton euiButton--danger euiButton--small euiButton--fill"
               data-test-subj="deleteConfirmButton"
               type="button"
             >
diff --git a/public/pages/CreateComposableTemplate/containers/CreateComposableTemplate/__snapshots__/CreateComposableTemplate.test.tsx.snap b/public/pages/CreateComposableTemplate/containers/CreateComposableTemplate/__snapshots__/CreateComposableTemplate.test.tsx.snap
index f4f5a407d..da1ddae62 100644
--- a/public/pages/CreateComposableTemplate/containers/CreateComposableTemplate/__snapshots__/CreateComposableTemplate.test.tsx.snap
+++ b/public/pages/CreateComposableTemplate/containers/CreateComposableTemplate/__snapshots__/CreateComposableTemplate.test.tsx.snap
@@ -23,7 +23,7 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
         style="flex-direction: row;"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           style="margin-right: 20px;"
           type="button"
         >
@@ -38,7 +38,7 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
           </span>
         </button>
         <button
-          class="euiButton euiButton--danger"
+          class="euiButton euiButton--danger euiButton--small"
           data-test-subj="deleteAction"
           type="button"
         >
@@ -125,7 +125,7 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
               class="euiFlexItem euiDescribedFormGroup__fields euiDescribedFormGroup__fieldPadding--xsmall"
             >
               <div
-                class="euiFormRow"
+                class="euiFormRow euiFormRow--compressed"
                 data-test-subj="form-row-_meta.description"
                 id="some_html_id-row"
               >
@@ -136,13 +136,13 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
                     class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                   >
                     <div
-                      class="euiFormControlLayout"
+                      class="euiFormControlLayout euiFormControlLayout--compressed"
                     >
                       <div
                         class="euiFormControlLayout__childrenWrapper"
                       >
                         <input
-                          class="euiFieldText"
+                          class="euiFieldText euiFieldText--compressed"
                           id="some_html_id"
                           type="text"
                           value=""
@@ -172,7 +172,7 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
           class="euiFlexItem"
         >
           <div
-            class="euiFormRow euiFormRow--fullWidth"
+            class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
             id="some_html_id-row"
           >
             <div
@@ -216,7 +216,7 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
                 >
                   <div>
                     <div
-                      class="euiSwitch euiSwitch--primary"
+                      class="euiSwitch euiSwitch--primary euiSwitch--compressed"
                     >
                       <button
                         aria-checked="false"
@@ -234,10 +234,7 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
                           />
                           <span
                             class="euiSwitch__track"
-                          >
-                            EuiIconMock
-                            EuiIconMock
-                          </span>
+                          />
                         </span>
                       </button>
                       <span
@@ -299,7 +296,7 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
                 >
                   <div>
                     <div
-                      class="euiSwitch euiSwitch--primary"
+                      class="euiSwitch euiSwitch--primary euiSwitch--compressed"
                     >
                       <button
                         aria-checked="false"
@@ -317,10 +314,7 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
                           />
                           <span
                             class="euiSwitch__track"
-                          >
-                            EuiIconMock
-                            EuiIconMock
-                          </span>
+                          />
                         </span>
                       </button>
                       <span
@@ -361,7 +355,7 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
             Index mapping
           </div>
           <div
-            class="euiFormRow euiFormRow--fullWidth"
+            class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
             id="some_html_id-row"
           >
             <div
@@ -407,7 +401,7 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
               >
                 <div>
                   <div
-                    class="euiSwitch euiSwitch--primary"
+                    class="euiSwitch euiSwitch--primary euiSwitch--compressed"
                   >
                     <button
                       aria-checked="false"
@@ -425,10 +419,7 @@ exports[`<CreateComposableTemplate /> spec it goes to templates page when click
                         />
                         <span
                           class="euiSwitch__track"
-                        >
-                          EuiIconMock
-                          EuiIconMock
-                        </span>
+                        />
                       </span>
                     </button>
                     <span
diff --git a/public/pages/CreateComposableTemplate/containers/TemplateDetail/__snapshots__/TemplateDetail.test.tsx.snap b/public/pages/CreateComposableTemplate/containers/TemplateDetail/__snapshots__/TemplateDetail.test.tsx.snap
index 41e01cd49..fddba9f99 100644
--- a/public/pages/CreateComposableTemplate/containers/TemplateDetail/__snapshots__/TemplateDetail.test.tsx.snap
+++ b/public/pages/CreateComposableTemplate/containers/TemplateDetail/__snapshots__/TemplateDetail.test.tsx.snap
@@ -14,7 +14,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
         Create component template
       </h1>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -76,7 +76,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
         class="euiSpacer euiSpacer--s"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-name"
         id="some_html_id-row"
       >
@@ -106,13 +106,13 @@ exports[`<TemplateDetail /> spec render component 1`] = `
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   type="text"
                   value=""
                 />
@@ -122,7 +122,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
         </div>
       </div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -142,7 +142,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-_meta.description"
         id="some_html_id-row"
       >
@@ -175,13 +175,13 @@ exports[`<TemplateDetail /> spec render component 1`] = `
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   type="text"
                   value=""
                 />
@@ -207,7 +207,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -251,7 +251,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
               >
                 <div>
                   <div
-                    class="euiSwitch euiSwitch--primary"
+                    class="euiSwitch euiSwitch--primary euiSwitch--compressed"
                   >
                     <button
                       aria-checked="false"
@@ -269,10 +269,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
                         />
                         <span
                           class="euiSwitch__track"
-                        >
-                          EuiIconMock
-                          EuiIconMock
-                        </span>
+                        />
                       </span>
                     </button>
                     <span
@@ -334,7 +331,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
               >
                 <div>
                   <div
-                    class="euiSwitch euiSwitch--primary"
+                    class="euiSwitch euiSwitch--primary euiSwitch--compressed"
                   >
                     <button
                       aria-checked="false"
@@ -352,10 +349,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
                         />
                         <span
                           class="euiSwitch__track"
-                        >
-                          EuiIconMock
-                          EuiIconMock
-                        </span>
+                        />
                       </span>
                     </button>
                     <span
@@ -396,7 +390,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
           Index mapping
         </div>
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -442,7 +436,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
             >
               <div>
                 <div
-                  class="euiSwitch euiSwitch--primary"
+                  class="euiSwitch euiSwitch--primary euiSwitch--compressed"
                 >
                   <button
                     aria-checked="false"
@@ -460,10 +454,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
                       />
                       <span
                         class="euiSwitch__track"
-                      >
-                        EuiIconMock
-                        EuiIconMock
-                      </span>
+                      />
                     </span>
                   </button>
                   <span
@@ -496,7 +487,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButtonEmpty euiButtonEmpty--primary"
+        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
         data-test-subj="CreateComposableTemplateCancelButton"
         type="button"
       >
@@ -515,7 +506,7 @@ exports[`<TemplateDetail /> spec render component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="CreateComposableTemplateCreateButton"
         type="button"
       >
diff --git a/public/pages/CreateDataStream/containers/CreateDataStream/__snapshots__/CreateDataStream.test.tsx.snap b/public/pages/CreateDataStream/containers/CreateDataStream/__snapshots__/CreateDataStream.test.tsx.snap
index 20ceaff41..127128007 100644
--- a/public/pages/CreateDataStream/containers/CreateDataStream/__snapshots__/CreateDataStream.test.tsx.snap
+++ b/public/pages/CreateDataStream/containers/CreateDataStream/__snapshots__/CreateDataStream.test.tsx.snap
@@ -17,7 +17,7 @@ exports[`<CreateDataStream /> spec it goes to data streams page when click cance
           Create data stream
         </h1>
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -69,7 +69,7 @@ exports[`<CreateDataStream /> spec it goes to data streams page when click cance
           />
           <div>
             <button
-              class="euiButton euiButton--primary"
+              class="euiButton euiButton--primary euiButton--small"
               type="button"
             >
               <span
@@ -123,7 +123,7 @@ exports[`<CreateDataStream /> spec it goes to data streams page when click cance
           class="euiSpacer euiSpacer--s"
         />
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           data-test-subj="form-row-name"
           id="some_html_id-row"
         >
@@ -168,17 +168,17 @@ exports[`<CreateDataStream /> spec it goes to data streams page when click cance
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                class="euiComboBox"
+                class="euiComboBox euiComboBox--compressed"
                 role="combobox"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <div
-                      class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+                      class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
                       data-test-subj="comboBoxInput"
                       tabindex="-1"
                     >
@@ -225,7 +225,7 @@ exports[`<CreateDataStream /> spec it goes to data streams page when click cance
           class="euiSpacer euiSpacer--l"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -259,7 +259,7 @@ exports[`<CreateDataStream /> spec it goes to data streams page when click cance
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButtonEmpty euiButtonEmpty--primary"
+          class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
           data-test-subj="CreateDataStreamCancelButton"
           type="button"
         >
@@ -278,7 +278,7 @@ exports[`<CreateDataStream /> spec it goes to data streams page when click cance
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           data-test-subj="CreateDataStreamCreateButton"
           type="button"
         >
diff --git a/public/pages/CreateDataStream/containers/DataStreamDetail/__snapshots__/DataStreamDetail.test.tsx.snap b/public/pages/CreateDataStream/containers/DataStreamDetail/__snapshots__/DataStreamDetail.test.tsx.snap
index 568498652..8f3bd48dd 100644
--- a/public/pages/CreateDataStream/containers/DataStreamDetail/__snapshots__/DataStreamDetail.test.tsx.snap
+++ b/public/pages/CreateDataStream/containers/DataStreamDetail/__snapshots__/DataStreamDetail.test.tsx.snap
@@ -14,7 +14,7 @@ exports[`<DataStreamDetail /> spec render component 1`] = `
         Create data stream
       </h1>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -66,7 +66,7 @@ exports[`<DataStreamDetail /> spec render component 1`] = `
         />
         <div>
           <button
-            class="euiButton euiButton--primary"
+            class="euiButton euiButton--primary euiButton--small"
             type="button"
           >
             <span
@@ -120,7 +120,7 @@ exports[`<DataStreamDetail /> spec render component 1`] = `
         class="euiSpacer euiSpacer--s"
       />
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         data-test-subj="form-row-name"
         id="some_html_id-row"
       >
@@ -165,17 +165,17 @@ exports[`<DataStreamDetail /> spec render component 1`] = `
             <div
               aria-expanded="false"
               aria-haspopup="listbox"
-              class="euiComboBox"
+              class="euiComboBox euiComboBox--compressed"
               role="combobox"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <div
-                    class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
                     data-test-subj="comboBoxInput"
                     tabindex="-1"
                   >
@@ -222,7 +222,7 @@ exports[`<DataStreamDetail /> spec render component 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -256,7 +256,7 @@ exports[`<DataStreamDetail /> spec render component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButtonEmpty euiButtonEmpty--primary"
+        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
         data-test-subj="CreateDataStreamCancelButton"
         type="button"
       >
@@ -275,7 +275,7 @@ exports[`<DataStreamDetail /> spec render component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="CreateDataStreamCreateButton"
         type="button"
       >
diff --git a/public/pages/CreateIndexTemplate/components/DefineTemplate/__snapshots__/DefineTemplate.test.tsx.snap b/public/pages/CreateIndexTemplate/components/DefineTemplate/__snapshots__/DefineTemplate.test.tsx.snap
index 06dcf1c70..1b77e5492 100644
--- a/public/pages/CreateIndexTemplate/components/DefineTemplate/__snapshots__/DefineTemplate.test.tsx.snap
+++ b/public/pages/CreateIndexTemplate/components/DefineTemplate/__snapshots__/DefineTemplate.test.tsx.snap
@@ -56,7 +56,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in edit mode
             class="euiFlexItem euiDescribedFormGroup__fields euiDescribedFormGroup__fieldPadding--xsmall"
           >
             <div
-              class="euiFormRow"
+              class="euiFormRow euiFormRow--compressed"
               data-test-subj="form-row-data_stream"
               id="some_html_id-row"
             >
@@ -64,7 +64,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in edit mode
                 class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiRadio"
+                  class="euiRadio euiRadio--compressed"
                 >
                   <input
                     checked=""
@@ -84,7 +84,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in edit mode
                   </label>
                 </div>
                 <div
-                  class="euiRadio"
+                  class="euiRadio euiRadio--compressed"
                 >
                   <input
                     class="euiRadio__input"
@@ -140,7 +140,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in edit mode
             class="euiFlexItem euiDescribedFormGroup__fields euiDescribedFormGroup__fieldPadding--xsmall"
           >
             <div
-              class="euiFormRow"
+              class="euiFormRow euiFormRow--compressed"
               data-test-subj="form-row-index_patterns"
               id="some_html_id-row"
             >
@@ -150,17 +150,17 @@ exports[`<ComposableTemplatesActions /> spec renders the component in edit mode
                 <div
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  class="euiComboBox"
+                  class="euiComboBox euiComboBox--compressed"
                   role="combobox"
                 >
                   <div
-                    class="euiFormControlLayout"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
                       class="euiFormControlLayout__childrenWrapper"
                     >
                       <div
-                        class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                        class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                         data-test-subj="comboBoxInput"
                         tabindex="-1"
                       >
@@ -227,7 +227,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in edit mode
             class="euiFlexItem euiDescribedFormGroup__fields euiDescribedFormGroup__fieldPadding--xsmall"
           >
             <div
-              class="euiFormRow"
+              class="euiFormRow euiFormRow--compressed"
               data-test-subj="form-row-priority"
               id="some_html_id-row"
             >
@@ -238,13 +238,13 @@ exports[`<ComposableTemplatesActions /> spec renders the component in edit mode
                   class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                 >
                   <div
-                    class="euiFormControlLayout"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
                       class="euiFormControlLayout__childrenWrapper"
                     >
                       <input
-                        class="euiFieldNumber"
+                        class="euiFieldNumber euiFieldNumber--compressed"
                         id="some_html_id"
                         type="number"
                         value=""
@@ -261,7 +261,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in edit mode
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         data-test-subj="form-row-_meta.flow"
         id="some_html_id-row"
       >
@@ -431,7 +431,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in non-edit m
         class="euiSpacer euiSpacer--s"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-name"
         id="some_html_id-row"
       >
@@ -461,13 +461,13 @@ exports[`<ComposableTemplatesActions /> spec renders the component in non-edit m
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   type="text"
                   value=""
                 />
@@ -477,7 +477,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in non-edit m
         </div>
       </div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -497,7 +497,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in non-edit m
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-data_stream"
         id="some_html_id-row"
       >
@@ -516,7 +516,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in non-edit m
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiRadio"
+            class="euiRadio euiRadio--compressed"
           >
             <input
               checked=""
@@ -536,7 +536,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in non-edit m
             </label>
           </div>
           <div
-            class="euiRadio"
+            class="euiRadio euiRadio--compressed"
           >
             <input
               class="euiRadio__input"
@@ -560,7 +560,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in non-edit m
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-index_patterns"
         id="some_html_id-row"
       >
@@ -587,17 +587,17 @@ exports[`<ComposableTemplatesActions /> spec renders the component in non-edit m
           <div
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="euiComboBox"
+            class="euiComboBox euiComboBox--compressed"
             role="combobox"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <div
-                  class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                   data-test-subj="comboBoxInput"
                   tabindex="-1"
                 >
@@ -631,7 +631,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in non-edit m
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-priority"
         id="some_html_id-row"
       >
@@ -659,13 +659,13 @@ exports[`<ComposableTemplatesActions /> spec renders the component in non-edit m
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldNumber"
+                  class="euiFieldNumber euiFieldNumber--compressed"
                   type="number"
                   value=""
                 />
@@ -678,7 +678,7 @@ exports[`<ComposableTemplatesActions /> spec renders the component in non-edit m
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         data-test-subj="form-row-_meta.flow"
         id="some_html_id-row"
       >
diff --git a/public/pages/CreateIndexTemplate/containers/CreateIndexTemplate/__snapshots__/CreateIndexTemplate.test.tsx.snap b/public/pages/CreateIndexTemplate/containers/CreateIndexTemplate/__snapshots__/CreateIndexTemplate.test.tsx.snap
index ce2e5f5f0..c63200b00 100644
--- a/public/pages/CreateIndexTemplate/containers/CreateIndexTemplate/__snapshots__/CreateIndexTemplate.test.tsx.snap
+++ b/public/pages/CreateIndexTemplate/containers/CreateIndexTemplate/__snapshots__/CreateIndexTemplate.test.tsx.snap
@@ -23,7 +23,7 @@ exports[`<CreateIndexTemplate /> spec render template pages 1`] = `
         style="flex-direction: row;"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           style="margin-right: 20px;"
           type="button"
         >
@@ -38,7 +38,7 @@ exports[`<CreateIndexTemplate /> spec render template pages 1`] = `
           </span>
         </button>
         <button
-          class="euiButton euiButton--danger"
+          class="euiButton euiButton--danger euiButton--small"
           type="button"
         >
           <span
@@ -238,7 +238,7 @@ exports[`<CreateIndexTemplate /> spec render template pages 1`] = `
           class="euiSpacer euiSpacer--s"
         />
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -406,7 +406,7 @@ exports[`<CreateIndexTemplate /> spec render template pages 1`] = `
                   class="euiSpacer euiSpacer--s"
                 />
                 <div
-                  class="euiFormRow euiFormRow--fullWidth"
+                  class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
                   id="some_html_id-row"
                 >
                   <div
@@ -599,7 +599,7 @@ exports[`<CreateIndexTemplate /> spec render template pages 1`] = `
           Index mapping
         </div>
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -634,7 +634,7 @@ exports[`<CreateIndexTemplate /> spec render template pages 1`] = `
           class="euiSpacer euiSpacer--s"
         />
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
diff --git a/public/pages/CreateIndexTemplate/containers/TemplateDetail/__snapshots__/TemplateDetail.test.tsx.snap b/public/pages/CreateIndexTemplate/containers/TemplateDetail/__snapshots__/TemplateDetail.test.tsx.snap
index 6677172dc..10e4f2ac3 100644
--- a/public/pages/CreateIndexTemplate/containers/TemplateDetail/__snapshots__/TemplateDetail.test.tsx.snap
+++ b/public/pages/CreateIndexTemplate/containers/TemplateDetail/__snapshots__/TemplateDetail.test.tsx.snap
@@ -15,7 +15,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
          template
       </h1>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -85,7 +85,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         class="euiSpacer euiSpacer--s"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-name"
         id="some_html_id-row"
       >
@@ -115,13 +115,13 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   type="text"
                   value=""
                 />
@@ -131,7 +131,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         </div>
       </div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -151,7 +151,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-data_stream"
         id="some_html_id-row"
       >
@@ -170,7 +170,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiRadio"
+            class="euiRadio euiRadio--compressed"
           >
             <input
               checked=""
@@ -190,7 +190,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio"
+            class="euiRadio euiRadio--compressed"
           >
             <input
               class="euiRadio__input"
@@ -214,7 +214,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-index_patterns"
         id="some_html_id-row"
       >
@@ -241,17 +241,17 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
           <div
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="euiComboBox"
+            class="euiComboBox euiComboBox--compressed"
             role="combobox"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <div
-                  class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                   data-test-subj="comboBoxInput"
                   tabindex="-1"
                 >
@@ -285,7 +285,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-priority"
         id="some_html_id-row"
       >
@@ -313,13 +313,13 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldNumber"
+                  class="euiFieldNumber euiFieldNumber--compressed"
                   type="number"
                   value="0"
                 />
@@ -332,7 +332,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         data-test-subj="form-row-_meta.flow"
         id="some_html_id-row"
       >
@@ -496,7 +496,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         class="euiSpacer euiSpacer--s"
       />
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -528,7 +528,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         class="euiSpacer euiSpacer--s"
       />
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         data-test-subj="form-row-template.aliases"
         id="some_html_id-row"
       >
@@ -555,17 +555,17 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
           <div
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="euiComboBox"
+            class="euiComboBox euiComboBox--compressed"
             role="combobox"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <div
-                  class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                   data-test-subj="comboBoxInput"
                   tabindex="-1"
                 >
@@ -619,7 +619,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         class="euiSpacer euiSpacer--s"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-template.settings.index.number_of_shards"
         id="some_html_id-row"
       >
@@ -647,13 +647,13 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldNumber"
+                  class="euiFieldNumber euiFieldNumber--compressed"
                   type="number"
                   value=""
                 />
@@ -666,7 +666,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         data-test-subj="form-row-template.settings.index.number_of_replicas"
         id="some_html_id-row"
       >
@@ -694,13 +694,13 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldNumber"
+                  class="euiFieldNumber euiFieldNumber--compressed"
                   type="number"
                   value=""
                 />
@@ -713,7 +713,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         data-test-subj="form-row-template.settings.index.refresh_interval"
         id="some_html_id-row"
       >
@@ -741,13 +741,13 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   type="text"
                   value=""
                 />
@@ -802,7 +802,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
                 class="euiSpacer euiSpacer--s"
               />
               <div
-                class="euiFormRow euiFormRow--fullWidth"
+                class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
                 id="some_html_id-row"
               >
                 <div
@@ -992,7 +992,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         Index mapping
       </div>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -1027,7 +1027,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
         class="euiSpacer euiSpacer--s"
       />
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -1107,7 +1107,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
             class="euiSpacer euiSpacer--l"
           />
           <button
-            class="euiButton euiButton--primary"
+            class="euiButton euiButton--primary euiButton--small"
             data-test-subj="createIndexAddFieldButton"
             style="margin-right: 8px;"
             type="button"
@@ -1123,7 +1123,7 @@ exports[`<TemplateDetail /> spec render component in non-edit-mode 1`] = `
             </span>
           </button>
           <button
-            class="euiButton euiButton--primary"
+            class="euiButton euiButton--primary euiButton--small"
             data-test-subj="createIndexAddObjectFieldButton"
             type="button"
           >
diff --git a/public/pages/CreatePolicy/components/ConfigurePolicy/__snapshots__/ConfigurePolicy.test.tsx.snap b/public/pages/CreatePolicy/components/ConfigurePolicy/__snapshots__/ConfigurePolicy.test.tsx.snap
index 236b5c3cc..3575afc3a 100644
--- a/public/pages/CreatePolicy/components/ConfigurePolicy/__snapshots__/ConfigurePolicy.test.tsx.snap
+++ b/public/pages/CreatePolicy/components/ConfigurePolicy/__snapshots__/ConfigurePolicy.test.tsx.snap
@@ -45,7 +45,7 @@ exports[`<ConfigurePolicy /> spec renders the component 1`] = `
         class="euiSpacer euiSpacer--s"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -63,14 +63,14 @@ exports[`<ConfigurePolicy /> spec renders the component 1`] = `
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiFormControlLayout"
+            class="euiFormControlLayout euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <input
                 aria-describedby="some_html_id-help-0"
-                class="euiFieldText"
+                class="euiFieldText euiFieldText--compressed"
                 id="some_html_id"
                 placeholder="example_policy"
                 type="text"
diff --git a/public/pages/CreatePolicy/components/DefinePolicy/__snapshots__/DefinePolicy.test.tsx.snap b/public/pages/CreatePolicy/components/DefinePolicy/__snapshots__/DefinePolicy.test.tsx.snap
index 2475ca9dc..eb7ac21c9 100644
--- a/public/pages/CreatePolicy/components/DefinePolicy/__snapshots__/DefinePolicy.test.tsx.snap
+++ b/public/pages/CreatePolicy/components/DefinePolicy/__snapshots__/DefinePolicy.test.tsx.snap
@@ -37,7 +37,7 @@ exports[`<DefinePolicy /> spec renders the component 1`] = `
             class="euiToolTipAnchor"
           >
             <button
-              class="euiButton euiButton--primary"
+              class="euiButton euiButton--primary euiButton--small"
               type="button"
             >
               <span
@@ -57,7 +57,7 @@ exports[`<DefinePolicy /> spec renders the component 1`] = `
           class="euiFlexItem"
         >
           <button
-            class="euiButton euiButton--primary"
+            class="euiButton euiButton--primary euiButton--small"
             type="button"
           >
             <span
diff --git a/public/pages/CreatePolicy/containers/CreatePolicy/__snapshots__/CreatePolicy.test.tsx.snap b/public/pages/CreatePolicy/containers/CreatePolicy/__snapshots__/CreatePolicy.test.tsx.snap
index 082b6e881..eab69569c 100644
--- a/public/pages/CreatePolicy/containers/CreatePolicy/__snapshots__/CreatePolicy.test.tsx.snap
+++ b/public/pages/CreatePolicy/containers/CreatePolicy/__snapshots__/CreatePolicy.test.tsx.snap
@@ -57,7 +57,7 @@ exports[`<CreatePolicy /> spec renders the create component 1`] = `
           class="euiSpacer euiSpacer--s"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -75,14 +75,14 @@ exports[`<CreatePolicy /> spec renders the create component 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="some_html_id-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="some_html_id"
                   placeholder="example_policy"
                   type="text"
@@ -140,7 +140,7 @@ exports[`<CreatePolicy /> spec renders the create component 1`] = `
               class="euiToolTipAnchor"
             >
               <button
-                class="euiButton euiButton--primary"
+                class="euiButton euiButton--primary euiButton--small"
                 type="button"
               >
                 <span
@@ -160,7 +160,7 @@ exports[`<CreatePolicy /> spec renders the create component 1`] = `
             class="euiFlexItem"
           >
             <button
-              class="euiButton euiButton--primary"
+              class="euiButton euiButton--primary euiButton--small"
               type="button"
             >
               <span
@@ -200,8 +200,8 @@ exports[`<CreatePolicy /> spec renders the create component 1`] = `
       />
       <textarea
         aria-label="Code Editor"
-        class="euiTextArea euiTextArea--resizeVertical"
-        rows="6"
+        class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+        rows="3"
       >
         {
     "policy": {
@@ -262,7 +262,7 @@ exports[`<CreatePolicy /> spec renders the create component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButtonEmpty euiButtonEmpty--primary"
+        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
         data-test-subj="createPolicyCancelButton"
         type="button"
       >
@@ -281,7 +281,7 @@ exports[`<CreatePolicy /> spec renders the create component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="createPolicyCreateButton"
         type="button"
       >
@@ -400,7 +400,7 @@ exports[`<CreatePolicy /> spec renders the edit component 1`] = `
           class="euiSpacer euiSpacer--s"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -418,14 +418,14 @@ exports[`<CreatePolicy /> spec renders the edit component 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout euiFormControlLayout--readOnly"
+              class="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--readOnly"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="some_html_id-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="some_html_id"
                   placeholder="example_policy"
                   readonly=""
@@ -484,7 +484,7 @@ exports[`<CreatePolicy /> spec renders the edit component 1`] = `
               class="euiToolTipAnchor"
             >
               <button
-                class="euiButton euiButton--primary"
+                class="euiButton euiButton--primary euiButton--small"
                 type="button"
               >
                 <span
@@ -504,7 +504,7 @@ exports[`<CreatePolicy /> spec renders the edit component 1`] = `
             class="euiFlexItem"
           >
             <button
-              class="euiButton euiButton--primary"
+              class="euiButton euiButton--primary euiButton--small"
               type="button"
             >
               <span
@@ -544,8 +544,8 @@ exports[`<CreatePolicy /> spec renders the edit component 1`] = `
       />
       <textarea
         aria-label="Code Editor"
-        class="euiTextArea euiTextArea--resizeVertical"
-        rows="6"
+        class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
+        rows="3"
       >
         {
     "policy": {
@@ -608,7 +608,7 @@ exports[`<CreatePolicy /> spec renders the edit component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButtonEmpty euiButtonEmpty--primary"
+        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
         data-test-subj="createPolicyCancelButton"
         type="button"
       >
@@ -627,7 +627,7 @@ exports[`<CreatePolicy /> spec renders the edit component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="createPolicyCreateButton"
         type="button"
       >
diff --git a/public/pages/CreateRollup/containers/CreateRollupForm/__snapshots__/CreateRollupForm.test.tsx.snap b/public/pages/CreateRollup/containers/CreateRollupForm/__snapshots__/CreateRollupForm.test.tsx.snap
index 424ba157f..45d131770 100644
--- a/public/pages/CreateRollup/containers/CreateRollupForm/__snapshots__/CreateRollupForm.test.tsx.snap
+++ b/public/pages/CreateRollup/containers/CreateRollupForm/__snapshots__/CreateRollupForm.test.tsx.snap
@@ -196,7 +196,7 @@ exports[`<CreateRollupForm /> spec renders the component 1`] = `
                   class="euiSpacer euiSpacer--s"
                 />
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--compressed"
                   id="some_html_id-row"
                 >
                   <div
@@ -214,14 +214,14 @@ exports[`<CreateRollupForm /> spec renders the component 1`] = `
                     class="euiFormRow__fieldWrapper"
                   >
                     <div
-                      class="euiFormControlLayout"
+                      class="euiFormControlLayout euiFormControlLayout--compressed"
                     >
                       <div
                         class="euiFormControlLayout__childrenWrapper"
                       >
                         <input
                           aria-describedby="some_html_id-help-0"
-                          class="euiFieldText"
+                          class="euiFieldText euiFieldText--compressed"
                           id="some_html_id"
                           placeholder="my-rollupjob1"
                           type="text"
@@ -274,7 +274,7 @@ exports[`<CreateRollupForm /> spec renders the component 1`] = `
                   class="euiSpacer euiSpacer--xs"
                 />
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--compressed"
                   id="some_html_id-row"
                 >
                   <div
@@ -349,7 +349,7 @@ exports[`<CreateRollupForm /> spec renders the component 1`] = `
                   class="euiSpacer euiSpacer--m"
                 />
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--compressed"
                   id="some_html_id-row"
                 >
                   <div
@@ -370,18 +370,18 @@ exports[`<CreateRollupForm /> spec renders the component 1`] = `
                       aria-describedby="some_html_id-help-0"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      class="euiComboBox"
+                      class="euiComboBox euiComboBox--compressed"
                       data-test-subj="sourceIndexCombobox"
                       role="combobox"
                     >
                       <div
-                        class="euiFormControlLayout"
+                        class="euiFormControlLayout euiFormControlLayout--compressed"
                       >
                         <div
                           class="euiFormControlLayout__childrenWrapper"
                         >
                           <div
-                            class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
+                            class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
                             data-test-subj="comboBoxInput"
                             tabindex="-1"
                           >
@@ -434,7 +434,7 @@ exports[`<CreateRollupForm /> spec renders the component 1`] = `
                   </div>
                 </div>
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--compressed"
                   id="some_html_id-row"
                 >
                   <div
@@ -455,18 +455,18 @@ exports[`<CreateRollupForm /> spec renders the component 1`] = `
                       aria-describedby="some_html_id-help-0"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      class="euiComboBox"
+                      class="euiComboBox euiComboBox--compressed"
                       data-test-subj="targetIndexCombobox"
                       role="combobox"
                     >
                       <div
-                        class="euiFormControlLayout"
+                        class="euiFormControlLayout euiFormControlLayout--compressed"
                       >
                         <div
                           class="euiFormControlLayout__childrenWrapper"
                         >
                           <div
-                            class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
+                            class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
                             data-test-subj="comboBoxInput"
                             tabindex="-1"
                           >
@@ -553,7 +553,7 @@ exports[`<CreateRollupForm /> spec renders the component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButtonEmpty euiButtonEmpty--primary"
+          class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
           data-test-subj="createRollupCancelButton"
           type="button"
         >
@@ -572,7 +572,7 @@ exports[`<CreateRollupForm /> spec renders the component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           data-test-subj="createRollupNextButton"
           type="button"
         >
diff --git a/public/pages/CreateTransform/components/TransformOptions/Panels/DateHistogramPanel/__snapshots__/DateHistogramPanel.test.tsx.snap b/public/pages/CreateTransform/components/TransformOptions/Panels/DateHistogramPanel/__snapshots__/DateHistogramPanel.test.tsx.snap
index fa932de00..d834b63f3 100644
--- a/public/pages/CreateTransform/components/TransformOptions/Panels/DateHistogramPanel/__snapshots__/DateHistogramPanel.test.tsx.snap
+++ b/public/pages/CreateTransform/components/TransformOptions/Panels/DateHistogramPanel/__snapshots__/DateHistogramPanel.test.tsx.snap
@@ -53,13 +53,13 @@ exports[`<DateHistogramPanel /> spec renders the component with calendar interva
       class="euiFlexItem"
     >
       <div
-        class="euiFormControlLayout"
+        class="euiFormControlLayout euiFormControlLayout--compressed"
       >
         <div
           class="euiFormControlLayout__childrenWrapper"
         >
           <select
-            class="euiSelect"
+            class="euiSelect euiSelect--compressed"
             data-test-subj="dateHistogramTimeunitSelect"
           >
             <option
@@ -121,7 +121,7 @@ exports[`<DateHistogramPanel /> spec renders the component with calendar interva
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary"
+        class="euiButton euiButton--primary euiButton--small"
         data-test-subj="dateHistogramPanelCancelButton"
         type="button"
       >
@@ -140,7 +140,7 @@ exports[`<DateHistogramPanel /> spec renders the component with calendar interva
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="dateHistogramPanelOKButton"
         type="button"
       >
@@ -198,13 +198,13 @@ exports[`<DateHistogramPanel /> spec renders the component with fixed interval 1
       style="width: 100px;"
     >
       <div
-        class="euiFormControlLayout"
+        class="euiFormControlLayout euiFormControlLayout--compressed"
       >
         <div
           class="euiFormControlLayout__childrenWrapper"
         >
           <input
-            class="euiFieldNumber"
+            class="euiFieldNumber euiFieldNumber--compressed"
             data-test-subj="dateHistogramValueInput"
             type="number"
             value="1"
@@ -216,13 +216,13 @@ exports[`<DateHistogramPanel /> spec renders the component with fixed interval 1
       class="euiFlexItem"
     >
       <div
-        class="euiFormControlLayout"
+        class="euiFormControlLayout euiFormControlLayout--compressed"
       >
         <div
           class="euiFormControlLayout__childrenWrapper"
         >
           <select
-            class="euiSelect"
+            class="euiSelect euiSelect--compressed"
             data-test-subj="dateHistogramTimeunitSelect"
           >
             <option
@@ -274,7 +274,7 @@ exports[`<DateHistogramPanel /> spec renders the component with fixed interval 1
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary"
+        class="euiButton euiButton--primary euiButton--small"
         data-test-subj="dateHistogramPanelCancelButton"
         type="button"
       >
@@ -293,7 +293,7 @@ exports[`<DateHistogramPanel /> spec renders the component with fixed interval 1
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="dateHistogramPanelOKButton"
         type="button"
       >
diff --git a/public/pages/CreateTransform/containers/CreateTransformForm/__snapshots__/CreateTransformForm.test.tsx.snap b/public/pages/CreateTransform/containers/CreateTransformForm/__snapshots__/CreateTransformForm.test.tsx.snap
index 48c7ae204..ad23b2ae7 100644
--- a/public/pages/CreateTransform/containers/CreateTransformForm/__snapshots__/CreateTransformForm.test.tsx.snap
+++ b/public/pages/CreateTransform/containers/CreateTransformForm/__snapshots__/CreateTransformForm.test.tsx.snap
@@ -193,7 +193,7 @@ exports[`<CreateTransformForm /> spec renders the component 1`] = `
             >
               <div>
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--compressed"
                   id="some_html_id-row"
                 >
                   <div
@@ -211,14 +211,14 @@ exports[`<CreateTransformForm /> spec renders the component 1`] = `
                     class="euiFormRow__fieldWrapper"
                   >
                     <div
-                      class="euiFormControlLayout"
+                      class="euiFormControlLayout euiFormControlLayout--compressed"
                     >
                       <div
                         class="euiFormControlLayout__childrenWrapper"
                       >
                         <input
                           aria-describedby="some_html_id-help-0"
-                          class="euiFieldText"
+                          class="euiFieldText euiFieldText--compressed"
                           id="some_html_id"
                           placeholder="my-transformjob1"
                           type="text"
@@ -271,7 +271,7 @@ exports[`<CreateTransformForm /> spec renders the component 1`] = `
                   class="euiSpacer euiSpacer--xs"
                 />
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--compressed"
                   id="some_html_id-row"
                 >
                   <div
@@ -324,7 +324,7 @@ exports[`<CreateTransformForm /> spec renders the component 1`] = `
               >
                 <div>
                   <div
-                    class="euiFormRow"
+                    class="euiFormRow euiFormRow--compressed"
                     id="some_html_id-row"
                   >
                     <div
@@ -345,18 +345,18 @@ exports[`<CreateTransformForm /> spec renders the component 1`] = `
                         aria-describedby="some_html_id-help-0"
                         aria-expanded="false"
                         aria-haspopup="listbox"
-                        class="euiComboBox"
+                        class="euiComboBox euiComboBox--compressed"
                         data-test-subj="sourceIndexCombobox"
                         role="combobox"
                       >
                         <div
-                          class="euiFormControlLayout"
+                          class="euiFormControlLayout euiFormControlLayout--compressed"
                         >
                           <div
                             class="euiFormControlLayout__childrenWrapper"
                           >
                             <div
-                              class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
+                              class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
                               data-test-subj="comboBoxInput"
                               tabindex="-1"
                             >
@@ -531,7 +531,7 @@ exports[`<CreateTransformForm /> spec renders the component 1`] = `
                     class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginXSmall"
                   />
                   <div
-                    class="euiFormRow"
+                    class="euiFormRow euiFormRow--compressed"
                     id="some_html_id-row"
                   >
                     <div
@@ -552,18 +552,18 @@ exports[`<CreateTransformForm /> spec renders the component 1`] = `
                         aria-describedby="some_html_id-help-0"
                         aria-expanded="false"
                         aria-haspopup="listbox"
-                        class="euiComboBox"
+                        class="euiComboBox euiComboBox--compressed"
                         data-test-subj="targetIndexCombobox"
                         role="combobox"
                       >
                         <div
-                          class="euiFormControlLayout"
+                          class="euiFormControlLayout euiFormControlLayout--compressed"
                         >
                           <div
                             class="euiFormControlLayout__childrenWrapper"
                           >
                             <div
-                              class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
+                              class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
                               data-test-subj="comboBoxInput"
                               tabindex="-1"
                             >
@@ -651,7 +651,7 @@ exports[`<CreateTransformForm /> spec renders the component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButtonEmpty euiButtonEmpty--primary"
+          class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
           data-test-subj="createTransformCancelButton"
           type="button"
         >
@@ -670,7 +670,7 @@ exports[`<CreateTransformForm /> spec renders the component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           data-test-subj="createTransformNextButton"
           type="button"
         >
diff --git a/public/pages/DataStreams/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap b/public/pages/DataStreams/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
index 1c3d7a474..84a76e94b 100644
--- a/public/pages/DataStreams/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
+++ b/public/pages/DataStreams/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
@@ -9,13 +9,13 @@ exports[`<IndexControls /> spec renders the component 1`] = `
     class="euiFlexItem"
   >
     <div
-      class="euiFormControlLayout euiFormControlLayout--fullWidth"
+      class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
     >
       <div
         class="euiFormControlLayout__childrenWrapper"
       >
         <input
-          class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch-isClearable"
+          class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch-isClearable"
           placeholder="Search..."
           type="search"
           value="testing"
@@ -34,7 +34,7 @@ exports[`<IndexControls /> spec renders the component 1`] = `
         >
           <button
             aria-label="Clear input"
-            class="euiFormControlLayoutClearButton"
+            class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
             type="button"
           >
             EuiIconMock
diff --git a/public/pages/DataStreams/containers/DataStreams/__snapshots__/DataStreams.test.tsx.snap b/public/pages/DataStreams/containers/DataStreams/__snapshots__/DataStreams.test.tsx.snap
index 7ebfed6c7..2ee3e4e29 100644
--- a/public/pages/DataStreams/containers/DataStreams/__snapshots__/DataStreams.test.tsx.snap
+++ b/public/pages/DataStreams/containers/DataStreams/__snapshots__/DataStreams.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<DataStreams /> spec renders the component 1`] = `
         Data streams
       </span>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -65,7 +65,7 @@ exports[`<DataStreams /> spec renders the component 1`] = `
                   class="euiPopover__anchor"
                 >
                   <button
-                    class="euiButton euiButton--primary"
+                    class="euiButton euiButton--primary euiButton--small"
                     type="button"
                   >
                     <span
@@ -86,7 +86,7 @@ exports[`<DataStreams /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--primary euiButton--fill"
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
                 data-test-subj="Create data streamButton"
                 type="button"
               >
@@ -120,13 +120,13 @@ exports[`<DataStreams /> spec renders the component 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormControlLayout euiFormControlLayout--fullWidth"
+          class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <input
-              class="euiFieldSearch euiFieldSearch--fullWidth"
+              class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
               placeholder="Search..."
               type="search"
               value=""
@@ -419,7 +419,7 @@ exports[`<DataStreams /> spec renders the component 1`] = `
                           class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
                           <button
-                            class="euiButton euiButton--primary euiButton--fill"
+                            class="euiButton euiButton--primary euiButton--small euiButton--fill"
                             type="button"
                           >
                             <span
diff --git a/public/pages/DataStreams/containers/DataStreamsActions/__snapshots__/DataStreamsActions.test.tsx.snap b/public/pages/DataStreams/containers/DataStreamsActions/__snapshots__/DataStreamsActions.test.tsx.snap
index 6e0b76857..1e45caa05 100644
--- a/public/pages/DataStreams/containers/DataStreamsActions/__snapshots__/DataStreamsActions.test.tsx.snap
+++ b/public/pages/DataStreams/containers/DataStreamsActions/__snapshots__/DataStreamsActions.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`<DataStreamsActions /> spec cannot clear cache for data streams if they
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -36,7 +36,7 @@ exports[`<DataStreamsActions /> spec clear cache for data streams by calling com
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -63,7 +63,7 @@ exports[`<DataStreamsActions /> spec delete data streams by calling commonServic
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -90,7 +90,7 @@ exports[`<DataStreamsActions /> spec filter data streams failed when clearing ca
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -124,7 +124,7 @@ exports[`<DataStreamsActions /> spec refresh data streams by calling commonServi
         class="euiPopover__anchor"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -242,7 +242,7 @@ exports[`<DataStreamsActions /> spec refresh data streams by calling commonServi
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               type="button"
             >
               <span
@@ -256,7 +256,7 @@ exports[`<DataStreamsActions /> spec refresh data streams by calling commonServi
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="refreshConfirmButton"
               type="button"
             >
@@ -299,7 +299,7 @@ HTMLCollection [
         class="euiPopover__anchor"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -412,7 +412,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="flushCancelButton"
               type="button"
             >
@@ -427,7 +427,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="flushConfirmButton"
               type="button"
             >
@@ -465,7 +465,7 @@ exports[`<DataStreamsActions /> spec renders the component and all the actions s
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
diff --git a/public/pages/DataStreams/containers/DeleteDataStreamsModal/__snapshots__/DeleteDataStreamsModal.test.tsx.snap b/public/pages/DataStreams/containers/DeleteDataStreamsModal/__snapshots__/DeleteDataStreamsModal.test.tsx.snap
index be2c85ad1..ad6a4585f 100644
--- a/public/pages/DataStreams/containers/DeleteDataStreamsModal/__snapshots__/DeleteDataStreamsModal.test.tsx.snap
+++ b/public/pages/DataStreams/containers/DeleteDataStreamsModal/__snapshots__/DeleteDataStreamsModal.test.tsx.snap
@@ -76,13 +76,13 @@ HTMLCollection [
                   </div>
                 </div>
                 <div
-                  class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                  class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
-                      class="euiFieldText euiFieldText--fullWidth"
+                      class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                       data-test-subj="deleteInput"
                       placeholder="delete"
                       type="text"
@@ -97,7 +97,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="deletaCancelButton"
               type="button"
             >
@@ -112,7 +112,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--danger euiButton--fill euiButton-isDisabled"
+              class="euiButton euiButton--danger euiButton--small euiButton--fill euiButton-isDisabled"
               data-test-subj="deleteConfirmButton"
               disabled=""
               type="button"
diff --git a/public/pages/EditRollup/containers/__snapshots__/EditRollup.test.tsx.snap b/public/pages/EditRollup/containers/__snapshots__/EditRollup.test.tsx.snap
index 5d7fe18e8..60cba67ca 100644
--- a/public/pages/EditRollup/containers/__snapshots__/EditRollup.test.tsx.snap
+++ b/public/pages/EditRollup/containers/__snapshots__/EditRollup.test.tsx.snap
@@ -49,7 +49,7 @@ exports[`<EditRollup /> spec renders the component 1`] = `
           class="euiSpacer euiSpacer--s"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -67,14 +67,14 @@ exports[`<EditRollup /> spec renders the component 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="some_html_id-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   disabled=""
                   id="some_html_id"
                   placeholder="my-rollupjob1"
@@ -128,7 +128,7 @@ exports[`<EditRollup /> spec renders the component 1`] = `
           class="euiSpacer euiSpacer--xs"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -185,7 +185,7 @@ exports[`<EditRollup /> spec renders the component 1`] = `
           class="euiSpacer euiSpacer--m"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -202,13 +202,13 @@ exports[`<EditRollup /> spec renders the component 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <select
-                  class="euiSelect"
+                  class="euiSelect euiSelect--compressed"
                   id="some_html_id"
                 >
                   <option
@@ -247,7 +247,7 @@ exports[`<EditRollup /> spec renders the component 1`] = `
             style="width: 200px;"
           >
             <div
-              class="euiFormRow"
+              class="euiFormRow euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
@@ -265,13 +265,13 @@ exports[`<EditRollup /> spec renders the component 1`] = `
                 class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
-                      class="euiFieldNumber"
+                      class="euiFieldNumber euiFieldNumber--compressed"
                       id="some_html_id"
                       type="number"
                       value="2"
@@ -285,20 +285,20 @@ exports[`<EditRollup /> spec renders the component 1`] = `
             class="euiFlexItem"
           >
             <div
-              class="euiFormRow euiFormRow--hasEmptyLabelSpace"
+              class="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
                 class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <select
-                      class="euiSelect"
+                      class="euiSelect euiSelect--compressed"
                       id="some_html_id"
                     >
                       <option
@@ -336,7 +336,7 @@ exports[`<EditRollup /> spec renders the component 1`] = `
           class="euiSpacer euiSpacer--m"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -353,14 +353,14 @@ exports[`<EditRollup /> spec renders the component 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="some_html_id-help-0"
-                  class="euiFieldNumber"
+                  class="euiFieldNumber euiFieldNumber--compressed"
                   id="some_html_id"
                   min="1"
                   placeholder="1000"
@@ -419,20 +419,20 @@ exports[`<EditRollup /> spec renders the component 1`] = `
               </div>
             </div>
             <div
-              class="euiFormRow"
+              class="euiFormRow euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
                 class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
-                      class="euiFieldNumber"
+                      class="euiFieldNumber euiFieldNumber--compressed"
                       id="some_html_id"
                       type="number"
                       value=""
@@ -446,20 +446,20 @@ exports[`<EditRollup /> spec renders the component 1`] = `
             class="euiFlexItem"
           >
             <div
-              class="euiFormRow euiFormRow--hasEmptyLabelSpace"
+              class="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
                 class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <select
-                      class="euiSelect"
+                      class="euiSelect euiSelect--compressed"
                       id="some_html_id"
                     >
                       <option
@@ -517,7 +517,7 @@ exports[`<EditRollup /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButtonEmpty euiButtonEmpty--primary"
+        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
         data-test-subj="editRollupCancelButton"
         type="button"
       >
@@ -536,7 +536,7 @@ exports[`<EditRollup /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="editRollupSaveChangesButton"
         type="button"
       >
diff --git a/public/pages/ForceMerge/components/ForceMergeAdvancedOptions/__snapshots__/ForceMergeAdvancedOptions.test.tsx.snap b/public/pages/ForceMerge/components/ForceMergeAdvancedOptions/__snapshots__/ForceMergeAdvancedOptions.test.tsx.snap
index 83d180fb1..ca8ee9b9b 100644
--- a/public/pages/ForceMerge/components/ForceMergeAdvancedOptions/__snapshots__/ForceMergeAdvancedOptions.test.tsx.snap
+++ b/public/pages/ForceMerge/components/ForceMergeAdvancedOptions/__snapshots__/ForceMergeAdvancedOptions.test.tsx.snap
@@ -7,7 +7,7 @@ Object {
     <div>
       <div>
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -32,7 +32,7 @@ Object {
             </div>
             <div>
               <div
-                class="euiRadio euiRadioGroup__item"
+                class="euiRadio euiRadio--compressed euiRadioGroup__item"
               >
                 <input
                   checked=""
@@ -52,7 +52,7 @@ Object {
                 </label>
               </div>
               <div
-                class="euiRadio euiRadioGroup__item"
+                class="euiRadio euiRadio--compressed euiRadioGroup__item"
               >
                 <input
                   class="euiRadio__input"
@@ -77,7 +77,7 @@ Object {
           class="euiSpacer euiSpacer--l"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -103,7 +103,7 @@ Object {
               class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
             >
               <div
-                class="euiCheckbox"
+                class="euiCheckbox euiCheckbox--compressed"
               >
                 <input
                   class="euiCheckbox__input"
@@ -127,7 +127,7 @@ Object {
           class="euiSpacer euiSpacer--l"
         />
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -153,7 +153,7 @@ Object {
               class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
             >
               <div
-                class="euiCheckbox"
+                class="euiCheckbox euiCheckbox--compressed"
               >
                 <input
                   class="euiCheckbox__input"
@@ -179,7 +179,7 @@ Object {
   "container": <div>
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -204,7 +204,7 @@ Object {
           </div>
           <div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -224,7 +224,7 @@ Object {
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -249,7 +249,7 @@ Object {
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -275,7 +275,7 @@ Object {
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiCheckbox"
+              class="euiCheckbox euiCheckbox--compressed"
             >
               <input
                 class="euiCheckbox__input"
@@ -299,7 +299,7 @@ Object {
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -325,7 +325,7 @@ Object {
             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
           >
             <div
-              class="euiCheckbox"
+              class="euiCheckbox euiCheckbox--compressed"
             >
               <input
                 class="euiCheckbox__input"
diff --git a/public/pages/ForceMerge/components/IndexSelect/__snapshots__/IndexSelect.test.tsx.snap b/public/pages/ForceMerge/components/IndexSelect/__snapshots__/IndexSelect.test.tsx.snap
index fed9f737e..59eb8953f 100644
--- a/public/pages/ForceMerge/components/IndexSelect/__snapshots__/IndexSelect.test.tsx.snap
+++ b/public/pages/ForceMerge/components/IndexSelect/__snapshots__/IndexSelect.test.tsx.snap
@@ -9,17 +9,17 @@ Object {
         <div
           aria-expanded="false"
           aria-haspopup="listbox"
-          class="euiComboBox"
+          class="euiComboBox euiComboBox--compressed"
           role="combobox"
         >
           <div
-            class="euiFormControlLayout"
+            class="euiFormControlLayout euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <div
-                class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
                 data-test-subj="comboBoxInput"
                 tabindex="-1"
               >
@@ -62,17 +62,17 @@ Object {
       <div
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="euiComboBox"
+        class="euiComboBox euiComboBox--compressed"
         role="combobox"
       >
         <div
-          class="euiFormControlLayout"
+          class="euiFormControlLayout euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <div
-              class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+              class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
               data-test-subj="comboBoxInput"
               tabindex="-1"
             >
diff --git a/public/pages/ForceMerge/container/ForceMerge/__snapshots__/ForceMerge.test.tsx.snap b/public/pages/ForceMerge/container/ForceMerge/__snapshots__/ForceMerge.test.tsx.snap
index f47014230..cbc683a4c 100644
--- a/public/pages/ForceMerge/container/ForceMerge/__snapshots__/ForceMerge.test.tsx.snap
+++ b/public/pages/ForceMerge/container/ForceMerge/__snapshots__/ForceMerge.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`<ForceMerge /> spec renders the component 1`] = `
     Force merge
   </h1>
   <div
-    class="euiFormRow euiFormRow--fullWidth"
+    class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
     id="some_html_id-row"
   >
     <div
@@ -61,7 +61,7 @@ exports[`<ForceMerge /> spec renders the component 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -88,18 +88,18 @@ exports[`<ForceMerge /> spec renders the component 1`] = `
             <div
               aria-expanded="false"
               aria-haspopup="listbox"
-              class="euiComboBox"
+              class="euiComboBox euiComboBox--compressed"
               data-test-subj="sourceSelector"
               role="combobox"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <div
-                    class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                     data-test-subj="comboBoxInput"
                     tabindex="-1"
                   >
@@ -169,7 +169,7 @@ exports[`<ForceMerge /> spec renders the component 1`] = `
           >
             <button
               aria-label="drop down icon"
-              class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
+              class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--small"
               data-test-subj="advanceOptionToggle"
               type="button"
             >
@@ -202,7 +202,7 @@ exports[`<ForceMerge /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButtonEmpty euiButtonEmpty--primary"
+        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
         data-test-subj="reindexCancelButton"
         type="button"
       >
@@ -221,7 +221,7 @@ exports[`<ForceMerge /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="forceMergeConfirmButton"
         type="button"
       >
diff --git a/public/pages/Indices/components/ApplyPolicyModal/__snapshots__/ApplyPolicyModal.test.tsx.snap b/public/pages/Indices/components/ApplyPolicyModal/__snapshots__/ApplyPolicyModal.test.tsx.snap
index cf0106925..a84d2e80f 100644
--- a/public/pages/Indices/components/ApplyPolicyModal/__snapshots__/ApplyPolicyModal.test.tsx.snap
+++ b/public/pages/Indices/components/ApplyPolicyModal/__snapshots__/ApplyPolicyModal.test.tsx.snap
@@ -54,7 +54,7 @@ exports[`<ApplyPolicyModal /> spec renders the component 1`] = `
               class="euiSpacer euiSpacer--m"
             />
             <div
-              class="euiFormRow euiFormRow--fullWidth"
+              class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
@@ -74,17 +74,17 @@ exports[`<ApplyPolicyModal /> spec renders the component 1`] = `
                 <div
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  class="euiComboBox euiComboBox--fullWidth"
+                  class="euiComboBox euiComboBox--compressed euiComboBox--fullWidth"
                   role="combobox"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                    class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                   >
                     <div
                       class="euiFormControlLayout__childrenWrapper"
                     >
                       <div
-                        class="euiComboBox__inputWrap euiComboBox__inputWrap--fullWidth euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
+                        class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--fullWidth euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
                         data-test-subj="comboBoxInput"
                         tabindex="-1"
                       >
@@ -136,7 +136,7 @@ exports[`<ApplyPolicyModal /> spec renders the component 1`] = `
           class="euiModalFooter"
         >
           <button
-            class="euiButtonEmpty euiButtonEmpty--primary"
+            class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
             data-test-subj="applyPolicyModalCloseButton"
             type="button"
           >
@@ -151,7 +151,7 @@ exports[`<ApplyPolicyModal /> spec renders the component 1`] = `
             </span>
           </button>
           <button
-            class="euiButton euiButton--primary euiButton--fill"
+            class="euiButton euiButton--primary euiButton--small euiButton--fill"
             data-test-subj="applyPolicyModalEditButton"
             type="button"
           >
diff --git a/public/pages/Indices/components/CloseIndexModal/__snapshots__/CloseIndexModal.test.tsx.snap b/public/pages/Indices/components/CloseIndexModal/__snapshots__/CloseIndexModal.test.tsx.snap
index dd244c1cf..bde05c2af 100644
--- a/public/pages/Indices/components/CloseIndexModal/__snapshots__/CloseIndexModal.test.tsx.snap
+++ b/public/pages/Indices/components/CloseIndexModal/__snapshots__/CloseIndexModal.test.tsx.snap
@@ -93,13 +93,13 @@ HTMLCollection [
                   </div>
                 </div>
                 <div
-                  class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                  class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
-                      class="euiFieldText euiFieldText--fullWidth"
+                      class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                       placeholder="close"
                       type="text"
                       value=""
@@ -113,7 +113,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="Close Cancel button"
               type="button"
             >
@@ -128,7 +128,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill euiButton-isDisabled"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
               data-test-subj="Close Confirm button"
               disabled=""
               type="button"
diff --git a/public/pages/Indices/components/DeleteIndexModal/__snapshots__/DeleteIndexModal.test.tsx.snap b/public/pages/Indices/components/DeleteIndexModal/__snapshots__/DeleteIndexModal.test.tsx.snap
index aca0331c2..07a482145 100644
--- a/public/pages/Indices/components/DeleteIndexModal/__snapshots__/DeleteIndexModal.test.tsx.snap
+++ b/public/pages/Indices/components/DeleteIndexModal/__snapshots__/DeleteIndexModal.test.tsx.snap
@@ -99,13 +99,13 @@ HTMLCollection [
                   </div>
                 </div>
                 <div
-                  class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                  class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
-                      class="euiFieldText euiFieldText--fullWidth"
+                      class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                       placeholder="delete"
                       type="text"
                       value=""
@@ -119,7 +119,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               type="button"
             >
               <span
@@ -133,7 +133,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--danger euiButton--fill euiButton-isDisabled"
+              class="euiButton euiButton--danger euiButton--small euiButton--fill euiButton-isDisabled"
               data-test-subj="Delete Confirm button"
               disabled=""
               type="button"
diff --git a/public/pages/Indices/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap b/public/pages/Indices/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
index 4a09d54d6..a2d92b546 100644
--- a/public/pages/Indices/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
+++ b/public/pages/Indices/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
@@ -94,7 +94,7 @@ exports[`<IndexControls /> spec renders data streams selection field 1`] = `
     class="euiFlexItem euiFlexItem--flexGrowZero"
   >
     <div
-      class="euiSwitch euiSwitch--primary"
+      class="euiSwitch euiSwitch--primary euiSwitch--compressed"
     >
       <button
         aria-checked="true"
@@ -113,10 +113,7 @@ exports[`<IndexControls /> spec renders data streams selection field 1`] = `
           />
           <span
             class="euiSwitch__track"
-          >
-            EuiIconMock
-            EuiIconMock
-          </span>
+          />
         </span>
       </button>
       <span
@@ -186,7 +183,7 @@ exports[`<IndexControls /> spec renders the component 1`] = `
     class="euiFlexItem euiFlexItem--flexGrowZero"
   >
     <div
-      class="euiSwitch euiSwitch--primary"
+      class="euiSwitch euiSwitch--primary euiSwitch--compressed"
     >
       <button
         aria-checked="false"
@@ -205,10 +202,7 @@ exports[`<IndexControls /> spec renders the component 1`] = `
           />
           <span
             class="euiSwitch__track"
-          >
-            EuiIconMock
-            EuiIconMock
-          </span>
+          />
         </span>
       </button>
       <span
diff --git a/public/pages/Indices/components/OpenIndexModal/__snapshots__/OpenIndexModal.test.tsx.snap b/public/pages/Indices/components/OpenIndexModal/__snapshots__/OpenIndexModal.test.tsx.snap
index 02283748a..5941ce115 100644
--- a/public/pages/Indices/components/OpenIndexModal/__snapshots__/OpenIndexModal.test.tsx.snap
+++ b/public/pages/Indices/components/OpenIndexModal/__snapshots__/OpenIndexModal.test.tsx.snap
@@ -67,7 +67,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="Open Cancel button"
               type="button"
             >
@@ -82,7 +82,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="Open Confirm button"
               type="button"
             >
diff --git a/public/pages/Indices/containers/Indices/__snapshots__/Indices.test.tsx.snap b/public/pages/Indices/containers/Indices/__snapshots__/Indices.test.tsx.snap
index dfeaa8ada..8ceefb48f 100644
--- a/public/pages/Indices/containers/Indices/__snapshots__/Indices.test.tsx.snap
+++ b/public/pages/Indices/containers/Indices/__snapshots__/Indices.test.tsx.snap
@@ -40,7 +40,7 @@ exports[`<Indices /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--primary"
+                class="euiButton euiButton--primary euiButton--small"
                 data-test-subj="RefreshButton"
                 type="button"
               >
@@ -67,7 +67,7 @@ exports[`<Indices /> spec renders the component 1`] = `
                   class="euiPopover__anchor"
                 >
                   <button
-                    class="euiButton euiButton--primary"
+                    class="euiButton euiButton--primary euiButton--small"
                     type="button"
                   >
                     <span
@@ -88,7 +88,7 @@ exports[`<Indices /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--primary euiButton--fill"
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
                 data-test-subj="Create IndexButton"
                 type="button"
               >
@@ -158,7 +158,7 @@ exports[`<Indices /> spec renders the component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <div
-          class="euiSwitch euiSwitch--primary"
+          class="euiSwitch euiSwitch--primary euiSwitch--compressed"
         >
           <button
             aria-checked="false"
@@ -177,10 +177,7 @@ exports[`<Indices /> spec renders the component 1`] = `
               />
               <span
                 class="euiSwitch__track"
-              >
-                EuiIconMock
-                EuiIconMock
-              </span>
+              />
             </span>
           </button>
           <span
diff --git a/public/pages/Indices/containers/IndicesActions/__snapshots__/IndicesActions.test.tsx.snap b/public/pages/Indices/containers/IndicesActions/__snapshots__/IndicesActions.test.tsx.snap
index de5f3cb42..e0bd558c1 100644
--- a/public/pages/Indices/containers/IndicesActions/__snapshots__/IndicesActions.test.tsx.snap
+++ b/public/pages/Indices/containers/IndicesActions/__snapshots__/IndicesActions.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`<IndicesActions /> spec Split index by calling commonService 1`] = `
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -36,7 +36,7 @@ exports[`<IndicesActions /> spec clear cache for all indexes failed if some inde
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -63,7 +63,7 @@ exports[`<IndicesActions /> spec clear cache for all indexes successfully by cal
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -90,7 +90,7 @@ exports[`<IndicesActions /> spec clear cache for mulitple indexes by calling com
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -117,7 +117,7 @@ exports[`<IndicesActions /> spec close index by calling commonService 1`] = `
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -144,7 +144,7 @@ exports[`<IndicesActions /> spec delete index by calling commonService 1`] = `
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -171,7 +171,7 @@ exports[`<IndicesActions /> spec filter indices failed when clearing caches for
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -198,7 +198,7 @@ exports[`<IndicesActions /> spec filter some closed or blocked indices when clea
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -225,7 +225,7 @@ exports[`<IndicesActions /> spec open index by calling commonService 1`] = `
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -259,7 +259,7 @@ exports[`<IndicesActions /> spec refresh selected indexes by calling commonServi
         class="euiPopover__anchor"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -377,7 +377,7 @@ exports[`<IndicesActions /> spec refresh selected indexes by calling commonServi
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               type="button"
             >
               <span
@@ -391,7 +391,7 @@ exports[`<IndicesActions /> spec refresh selected indexes by calling commonServi
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="refreshConfirmButton"
               type="button"
             >
@@ -434,7 +434,7 @@ HTMLCollection [
         class="euiPopover__anchor"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -550,7 +550,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="flushCancelButton"
               type="button"
             >
@@ -565,7 +565,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="flushConfirmButton"
               type="button"
             >
@@ -603,7 +603,7 @@ exports[`<IndicesActions /> spec renders the component and all the actions shoul
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -630,7 +630,7 @@ exports[`<IndicesActions /> spec shrink action is disabled if multiple indices a
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -657,7 +657,7 @@ exports[`<IndicesActions /> spec shrink action is disabled if the selected index
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -684,7 +684,7 @@ exports[`<IndicesActions /> spec shrink index by calling commonService 1`] = `
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -711,7 +711,7 @@ exports[`<IndicesActions /> spec split action is disabled if multiple indices ar
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -738,7 +738,7 @@ exports[`<IndicesActions /> spec split action is disabled if the selected index
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -765,7 +765,7 @@ exports[`<IndicesActions /> spec unable to clear cache when clearing cache for a
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
diff --git a/public/pages/ManagedIndices/components/InfoModal/__snapshots__/InfoModal.test.tsx.snap b/public/pages/ManagedIndices/components/InfoModal/__snapshots__/InfoModal.test.tsx.snap
index aba487664..91124c422 100644
--- a/public/pages/ManagedIndices/components/InfoModal/__snapshots__/InfoModal.test.tsx.snap
+++ b/public/pages/ManagedIndices/components/InfoModal/__snapshots__/InfoModal.test.tsx.snap
@@ -107,7 +107,7 @@ exports[`<InfoModal /> spec renders the component 1`] = `
           class="euiModalFooter"
         >
           <button
-            class="euiButton euiButton--primary euiButton--fill"
+            class="euiButton euiButton--primary euiButton--small euiButton--fill"
             data-test-subj="infoModalCloseButton"
             type="button"
           >
diff --git a/public/pages/ManagedIndices/components/ManagedIndexControls/__snapshots__/ManagedIndexControls.test.tsx.snap b/public/pages/ManagedIndices/components/ManagedIndexControls/__snapshots__/ManagedIndexControls.test.tsx.snap
index 96fc4f29c..82bf738f9 100644
--- a/public/pages/ManagedIndices/components/ManagedIndexControls/__snapshots__/ManagedIndexControls.test.tsx.snap
+++ b/public/pages/ManagedIndices/components/ManagedIndexControls/__snapshots__/ManagedIndexControls.test.tsx.snap
@@ -83,7 +83,7 @@ exports[`<ManagedIndexControls /> spec renders data streams selection field 1`]
     class="euiFlexItem euiFlexItem--flexGrowZero"
   >
     <div
-      class="euiSwitch euiSwitch--primary"
+      class="euiSwitch euiSwitch--primary euiSwitch--compressed"
     >
       <button
         aria-checked="true"
@@ -102,10 +102,7 @@ exports[`<ManagedIndexControls /> spec renders data streams selection field 1`]
           />
           <span
             class="euiSwitch__track"
-          >
-            EuiIconMock
-            EuiIconMock
-          </span>
+          />
         </span>
       </button>
       <span
@@ -175,7 +172,7 @@ exports[`<ManagedIndexControls /> spec renders the component 1`] = `
     class="euiFlexItem euiFlexItem--flexGrowZero"
   >
     <div
-      class="euiSwitch euiSwitch--primary"
+      class="euiSwitch euiSwitch--primary euiSwitch--compressed"
     >
       <button
         aria-checked="false"
@@ -194,10 +191,7 @@ exports[`<ManagedIndexControls /> spec renders the component 1`] = `
           />
           <span
             class="euiSwitch__track"
-          >
-            EuiIconMock
-            EuiIconMock
-          </span>
+          />
         </span>
       </button>
       <span
diff --git a/public/pages/ManagedIndices/components/ManagedIndexEmptyPrompt/__snapshots__/ManagedIndexEmptyPrompt.test.tsx.snap b/public/pages/ManagedIndices/components/ManagedIndexEmptyPrompt/__snapshots__/ManagedIndexEmptyPrompt.test.tsx.snap
index b3000d8e9..f560f1ebc 100644
--- a/public/pages/ManagedIndices/components/ManagedIndexEmptyPrompt/__snapshots__/ManagedIndexEmptyPrompt.test.tsx.snap
+++ b/public/pages/ManagedIndices/components/ManagedIndexEmptyPrompt/__snapshots__/ManagedIndexEmptyPrompt.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`<ManagedIndexEmptyPrompt /> spec renders the component 1`] = `
     class="euiSpacer euiSpacer--l"
   />
   <button
-    class="euiButton euiButton--primary euiButton--fill"
+    class="euiButton euiButton--primary euiButton--small euiButton--fill"
     type="button"
   >
     <span
diff --git a/public/pages/ManagedIndices/components/RetryModal/__snapshots__/RetryModal.test.tsx.snap b/public/pages/ManagedIndices/components/RetryModal/__snapshots__/RetryModal.test.tsx.snap
index ccfc3efe3..21e1a1af2 100644
--- a/public/pages/ManagedIndices/components/RetryModal/__snapshots__/RetryModal.test.tsx.snap
+++ b/public/pages/ManagedIndices/components/RetryModal/__snapshots__/RetryModal.test.tsx.snap
@@ -45,7 +45,7 @@ exports[`<RetryModal /> spec renders the component 1`] = `
           >
             <div>
               <div
-                class="euiRadio euiRadioGroup__item"
+                class="euiRadio euiRadio--compressed euiRadioGroup__item"
               >
                 <input
                   checked=""
@@ -65,7 +65,7 @@ exports[`<RetryModal /> spec renders the component 1`] = `
                 </label>
               </div>
               <div
-                class="euiRadio euiRadioGroup__item"
+                class="euiRadio euiRadio--compressed euiRadioGroup__item"
               >
                 <input
                   class="euiRadio__input"
@@ -88,7 +88,7 @@ exports[`<RetryModal /> spec renders the component 1`] = `
               class="euiSpacer euiSpacer--s"
             />
             <div
-              class="euiFormRow"
+              class="euiFormRow euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
@@ -105,7 +105,7 @@ exports[`<RetryModal /> spec renders the component 1`] = `
                 class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
@@ -113,7 +113,7 @@ exports[`<RetryModal /> spec renders the component 1`] = `
                     <select
                       aria-describedby="some_html_id-help-0"
                       aria-label="Retry failed policy from"
-                      class="euiSelect"
+                      class="euiSelect euiSelect--compressed"
                       disabled=""
                       id="some_html_id"
                     >
@@ -153,7 +153,7 @@ exports[`<RetryModal /> spec renders the component 1`] = `
           class="euiModalFooter"
         >
           <button
-            class="euiButtonEmpty euiButtonEmpty--primary"
+            class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
             data-test-subj="retryModalCloseButton"
             type="button"
           >
@@ -168,7 +168,7 @@ exports[`<RetryModal /> spec renders the component 1`] = `
             </span>
           </button>
           <button
-            class="euiButton euiButton--primary euiButton--fill"
+            class="euiButton euiButton--primary euiButton--small euiButton--fill"
             data-test-subj="retryModalRetryButton"
             type="button"
           >
diff --git a/public/pages/ManagedIndices/components/RolloverAliasModal/__snapshots__/RolloverAliasModal.test.tsx.snap b/public/pages/ManagedIndices/components/RolloverAliasModal/__snapshots__/RolloverAliasModal.test.tsx.snap
index 22658a72f..a0458032e 100644
--- a/public/pages/ManagedIndices/components/RolloverAliasModal/__snapshots__/RolloverAliasModal.test.tsx.snap
+++ b/public/pages/ManagedIndices/components/RolloverAliasModal/__snapshots__/RolloverAliasModal.test.tsx.snap
@@ -44,7 +44,7 @@ exports[`<RolloverAliasModal /> spec renders the component 1`] = `
             class="euiModalBody__overflow"
           >
             <div
-              class="euiFormRow"
+              class="euiFormRow euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
@@ -61,14 +61,14 @@ exports[`<RolloverAliasModal /> spec renders the component 1`] = `
                 class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
                       aria-describedby="some_html_id-help-0"
-                      class="euiFieldText"
+                      class="euiFieldText euiFieldText--compressed"
                       id="some_html_id"
                       placeholder="Rollover alias"
                       type="text"
@@ -90,7 +90,7 @@ exports[`<RolloverAliasModal /> spec renders the component 1`] = `
           class="euiModalFooter"
         >
           <button
-            class="euiButtonEmpty euiButtonEmpty--primary"
+            class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
             data-test-subj="editRolloverAliasModalCloseButton"
             type="button"
           >
@@ -105,7 +105,7 @@ exports[`<RolloverAliasModal /> spec renders the component 1`] = `
             </span>
           </button>
           <button
-            class="euiButton euiButton--primary euiButton--fill euiButton-isDisabled"
+            class="euiButton euiButton--primary euiButton--small euiButton--fill euiButton-isDisabled"
             data-test-subj="editRolloverAliasModalAddButton"
             disabled=""
             type="button"
diff --git a/public/pages/ManagedIndices/containers/ManagedIndices/__snapshots__/ManagedIndices.test.tsx.snap b/public/pages/ManagedIndices/containers/ManagedIndices/__snapshots__/ManagedIndices.test.tsx.snap
index bd13c9e87..fc01008e9 100644
--- a/public/pages/ManagedIndices/containers/ManagedIndices/__snapshots__/ManagedIndices.test.tsx.snap
+++ b/public/pages/ManagedIndices/containers/ManagedIndices/__snapshots__/ManagedIndices.test.tsx.snap
@@ -14,7 +14,7 @@ exports[`<ManagedIndices /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary"
+        class="euiButton euiButton--primary euiButton--small"
         data-test-subj="refreshButton"
         type="button"
       >
@@ -34,7 +34,7 @@ exports[`<ManagedIndices /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <a
-        class="euiButton euiButton--primary"
+        class="euiButton euiButton--primary euiButton--small"
         data-test-subj="changePolicyButton"
         href="opensearch_index_management_dashboards#/change-policy"
         rel="noreferrer"
@@ -93,7 +93,7 @@ exports[`<ManagedIndices /> spec renders the component 1`] = `
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton-isDisabled"
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
                   data-test-subj="Edit rollover aliasButton"
                   disabled=""
                   type="button"
@@ -113,7 +113,7 @@ exports[`<ManagedIndices /> spec renders the component 1`] = `
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton-isDisabled"
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
                   data-test-subj="Remove policyButton"
                   disabled=""
                   type="button"
@@ -133,7 +133,7 @@ exports[`<ManagedIndices /> spec renders the component 1`] = `
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton-isDisabled"
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
                   data-test-subj="Retry policyButton"
                   disabled=""
                   type="button"
@@ -204,7 +204,7 @@ exports[`<ManagedIndices /> spec renders the component 1`] = `
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
           <div
-            class="euiSwitch euiSwitch--primary"
+            class="euiSwitch euiSwitch--primary euiSwitch--compressed"
           >
             <button
               aria-checked="false"
@@ -223,10 +223,7 @@ exports[`<ManagedIndices /> spec renders the component 1`] = `
                 />
                 <span
                   class="euiSwitch__track"
-                >
-                  EuiIconMock
-                  EuiIconMock
-                </span>
+                />
               </span>
             </button>
             <span
diff --git a/public/pages/Notifications/containers/Notifications/__snapshots__/Notifications.test.tsx.snap b/public/pages/Notifications/containers/Notifications/__snapshots__/Notifications.test.tsx.snap
index 18bb58128..a011e6cee 100644
--- a/public/pages/Notifications/containers/Notifications/__snapshots__/Notifications.test.tsx.snap
+++ b/public/pages/Notifications/containers/Notifications/__snapshots__/Notifications.test.tsx.snap
@@ -14,7 +14,7 @@ exports[`<Notifications /> spec View without permission 1`] = `
         Notification settings
       </h1>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -33,7 +33,7 @@ exports[`<Notifications /> spec View without permission 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <a
-        class="euiButton euiButton--primary"
+        class="euiButton euiButton--primary euiButton--small"
         href="notifications-dashboards#/channels"
         rel="noopener noreferrer"
         target="_blank"
@@ -102,7 +102,7 @@ exports[`<Notifications /> spec renders 1`] = `
         Notification settings
       </h1>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -121,7 +121,7 @@ exports[`<Notifications /> spec renders 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <a
-        class="euiButton euiButton--primary"
+        class="euiButton euiButton--primary euiButton--small"
         href="notifications-dashboards#/channels"
         rel="noopener noreferrer"
         target="_blank"
@@ -189,14 +189,14 @@ exports[`<Notifications /> spec renders 1`] = `
           class="euiFlexItem euiDescribedFormGroup__fields euiDescribedFormGroup__fieldPadding--xsmall"
         >
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="some_html_id-row"
           >
             <div
               class="euiFormRow__fieldWrapper"
             >
               <div
-                class="euiFormRow"
+                class="euiFormRow euiFormRow--compressed"
                 id="some_html_id-row"
               >
                 <div
@@ -222,7 +222,7 @@ exports[`<Notifications /> spec renders 1`] = `
                         class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                       >
                         <div
-                          class="euiCheckbox"
+                          class="euiCheckbox euiCheckbox--compressed"
                         >
                           <input
                             class="euiCheckbox__input"
@@ -249,7 +249,7 @@ exports[`<Notifications /> spec renders 1`] = `
                         class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                       >
                         <div
-                          class="euiCheckbox"
+                          class="euiCheckbox euiCheckbox--compressed"
                         >
                           <input
                             class="euiCheckbox__input"
@@ -311,14 +311,14 @@ exports[`<Notifications /> spec renders 1`] = `
           class="euiFlexItem euiDescribedFormGroup__fields euiDescribedFormGroup__fieldPadding--xsmall"
         >
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="some_html_id-row"
           >
             <div
               class="euiFormRow__fieldWrapper"
             >
               <div
-                class="euiFormRow"
+                class="euiFormRow euiFormRow--compressed"
                 id="some_html_id-row"
               >
                 <div
@@ -344,7 +344,7 @@ exports[`<Notifications /> spec renders 1`] = `
                         class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                       >
                         <div
-                          class="euiCheckbox"
+                          class="euiCheckbox euiCheckbox--compressed"
                         >
                           <input
                             class="euiCheckbox__input"
@@ -371,7 +371,7 @@ exports[`<Notifications /> spec renders 1`] = `
                         class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                       >
                         <div
-                          class="euiCheckbox"
+                          class="euiCheckbox euiCheckbox--compressed"
                         >
                           <input
                             class="euiCheckbox__input"
@@ -433,14 +433,14 @@ exports[`<Notifications /> spec renders 1`] = `
           class="euiFlexItem euiDescribedFormGroup__fields euiDescribedFormGroup__fieldPadding--xsmall"
         >
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="some_html_id-row"
           >
             <div
               class="euiFormRow__fieldWrapper"
             >
               <div
-                class="euiFormRow"
+                class="euiFormRow euiFormRow--compressed"
                 id="some_html_id-row"
               >
                 <div
@@ -466,7 +466,7 @@ exports[`<Notifications /> spec renders 1`] = `
                         class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                       >
                         <div
-                          class="euiCheckbox"
+                          class="euiCheckbox euiCheckbox--compressed"
                         >
                           <input
                             class="euiCheckbox__input"
@@ -493,7 +493,7 @@ exports[`<Notifications /> spec renders 1`] = `
                         class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                       >
                         <div
-                          class="euiCheckbox"
+                          class="euiCheckbox euiCheckbox--compressed"
                         >
                           <input
                             class="euiCheckbox__input"
@@ -555,14 +555,14 @@ exports[`<Notifications /> spec renders 1`] = `
           class="euiFlexItem euiDescribedFormGroup__fields euiDescribedFormGroup__fieldPadding--xsmall"
         >
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="some_html_id-row"
           >
             <div
               class="euiFormRow__fieldWrapper"
             >
               <div
-                class="euiFormRow"
+                class="euiFormRow euiFormRow--compressed"
                 id="some_html_id-row"
               >
                 <div
@@ -588,7 +588,7 @@ exports[`<Notifications /> spec renders 1`] = `
                         class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                       >
                         <div
-                          class="euiCheckbox"
+                          class="euiCheckbox euiCheckbox--compressed"
                         >
                           <input
                             class="euiCheckbox__input"
@@ -615,7 +615,7 @@ exports[`<Notifications /> spec renders 1`] = `
                         class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                       >
                         <div
-                          class="euiCheckbox"
+                          class="euiCheckbox euiCheckbox--compressed"
                         >
                           <input
                             class="euiCheckbox__input"
diff --git a/public/pages/Policies/components/PolicyControls/__snapshots__/PolicyControls.test.tsx.snap b/public/pages/Policies/components/PolicyControls/__snapshots__/PolicyControls.test.tsx.snap
index 386e1a781..c7f062a29 100644
--- a/public/pages/Policies/components/PolicyControls/__snapshots__/PolicyControls.test.tsx.snap
+++ b/public/pages/Policies/components/PolicyControls/__snapshots__/PolicyControls.test.tsx.snap
@@ -9,13 +9,13 @@ exports[`<PolicyControls /> spec renders the component 1`] = `
     class="euiFlexItem"
   >
     <div
-      class="euiFormControlLayout euiFormControlLayout--fullWidth"
+      class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
     >
       <div
         class="euiFormControlLayout__childrenWrapper"
       >
         <input
-          class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch-isClearable"
+          class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch-isClearable"
           placeholder="Search"
           type="search"
           value="testing"
@@ -34,7 +34,7 @@ exports[`<PolicyControls /> spec renders the component 1`] = `
         >
           <button
             aria-label="Clear input"
-            class="euiFormControlLayoutClearButton"
+            class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
             type="button"
           >
             EuiIconMock
diff --git a/public/pages/Policies/components/PolicyEmptyPrompt/__snapshots__/PolicyEmptyPrompt.test.tsx.snap b/public/pages/Policies/components/PolicyEmptyPrompt/__snapshots__/PolicyEmptyPrompt.test.tsx.snap
index d537c6a1b..e6624253a 100644
--- a/public/pages/Policies/components/PolicyEmptyPrompt/__snapshots__/PolicyEmptyPrompt.test.tsx.snap
+++ b/public/pages/Policies/components/PolicyEmptyPrompt/__snapshots__/PolicyEmptyPrompt.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`<PolicyEmptyPrompt /> spec renders the component 1`] = `
     class="euiSpacer euiSpacer--l"
   />
   <button
-    class="euiButton euiButton--primary euiButton--fill"
+    class="euiButton euiButton--primary euiButton--small euiButton--fill"
     type="button"
   >
     <span
diff --git a/public/pages/Policies/containers/Policies/__snapshots__/Policies.test.tsx.snap b/public/pages/Policies/containers/Policies/__snapshots__/Policies.test.tsx.snap
index f9df27900..18930d3a1 100644
--- a/public/pages/Policies/containers/Policies/__snapshots__/Policies.test.tsx.snap
+++ b/public/pages/Policies/containers/Policies/__snapshots__/Policies.test.tsx.snap
@@ -43,7 +43,7 @@ exports[`<IndexPolicies /> spec renders the component 1`] = `
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton-isDisabled"
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
                   data-test-subj="DeleteButton"
                   disabled=""
                   type="button"
@@ -63,7 +63,7 @@ exports[`<IndexPolicies /> spec renders the component 1`] = `
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton-isDisabled"
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
                   data-test-subj="EditButton"
                   disabled=""
                   type="button"
@@ -83,7 +83,7 @@ exports[`<IndexPolicies /> spec renders the component 1`] = `
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <button
-                  class="euiButton euiButton--primary"
+                  class="euiButton euiButton--primary euiButton--small"
                   data-test-subj="Create policyButton"
                   type="button"
                 >
@@ -117,13 +117,13 @@ exports[`<IndexPolicies /> spec renders the component 1`] = `
           class="euiFlexItem"
         >
           <div
-            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <input
-                class="euiFieldSearch euiFieldSearch--fullWidth"
+                class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
                 placeholder="Search"
                 type="search"
                 value=""
diff --git a/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap b/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap
index 62d043f89..3b72dd09a 100644
--- a/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap
+++ b/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap
@@ -72,21 +72,21 @@ exports[`<DeleteModal /> spec renders the component 1`] = `
                     class="euiSpacer euiSpacer--s"
                   />
                   <div
-                    class="euiFormRow"
+                    class="euiFormRow euiFormRow--compressed"
                     id="some_html_id-row"
                   >
                     <div
                       class="euiFormRow__fieldWrapper"
                     >
                       <div
-                        class="euiFormControlLayout"
+                        class="euiFormControlLayout euiFormControlLayout--compressed"
                       >
                         <div
                           class="euiFormControlLayout__childrenWrapper"
                         >
                           <input
                             aria-describedby="some_html_id-help-0"
-                            class="euiFieldText"
+                            class="euiFieldText euiFieldText--compressed"
                             data-test-subj="deleteTextField"
                             id="some_html_id"
                             placeholder="delete"
diff --git a/public/pages/Reindex/components/CreateIndexFlyout/__snapshots__/CreateIndexFlyout.test.tsx.snap b/public/pages/Reindex/components/CreateIndexFlyout/__snapshots__/CreateIndexFlyout.test.tsx.snap
index bd4e1c0ac..12b8d51cc 100644
--- a/public/pages/Reindex/components/CreateIndexFlyout/__snapshots__/CreateIndexFlyout.test.tsx.snap
+++ b/public/pages/Reindex/components/CreateIndexFlyout/__snapshots__/CreateIndexFlyout.test.tsx.snap
@@ -84,7 +84,7 @@ Object {
                       class="euiForm"
                     >
                       <div
-                        class="euiFormRow"
+                        class="euiFormRow euiFormRow--compressed"
                         data-test-subj="form-name-index"
                         id="some_html_id-row"
                       >
@@ -106,13 +106,13 @@ Object {
                             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                           >
                             <div
-                              class="euiFormControlLayout"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
                                 class="euiFormControlLayout__childrenWrapper"
                               >
                                 <input
-                                  class="euiFieldText"
+                                  class="euiFieldText euiFieldText--compressed"
                                   placeholder="Specify a name for the new index."
                                   type="text"
                                   value=""
@@ -131,7 +131,7 @@ Object {
                         </div>
                       </div>
                       <div
-                        class="euiFormRow euiFormRow--fullWidth"
+                        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
                         data-test-subj="form-name-templateMessage"
                         id="some_html_id-row"
                       >
@@ -140,7 +140,7 @@ Object {
                         />
                       </div>
                       <div
-                        class="euiFormRow"
+                        class="euiFormRow euiFormRow--compressed"
                         data-test-subj="form-name-aliases"
                         id="some_html_id-row"
                       >
@@ -173,17 +173,17 @@ Object {
                             <div
                               aria-expanded="false"
                               aria-haspopup="listbox"
-                              class="euiComboBox"
+                              class="euiComboBox euiComboBox--compressed"
                               role="combobox"
                             >
                               <div
-                                class="euiFormControlLayout"
+                                class="euiFormControlLayout euiFormControlLayout--compressed"
                               >
                                 <div
                                   class="euiFormControlLayout__childrenWrapper"
                                 >
                                   <div
-                                    class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                                     data-test-subj="comboBoxInput"
                                     tabindex="-1"
                                   >
@@ -266,7 +266,7 @@ Object {
                       class="euiForm"
                     >
                       <div
-                        class="euiFormRow"
+                        class="euiFormRow euiFormRow--compressed"
                         data-test-subj="form-name-index.number_of_shards"
                         id="some_html_id-row"
                       >
@@ -299,13 +299,13 @@ Object {
                             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                           >
                             <div
-                              class="euiFormControlLayout"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
                                 class="euiFormControlLayout__childrenWrapper"
                               >
                                 <input
-                                  class="euiFieldNumber"
+                                  class="euiFieldNumber euiFieldNumber--compressed"
                                   placeholder="Specify primary shard count."
                                   type="number"
                                   value="1"
@@ -316,7 +316,7 @@ Object {
                         </div>
                       </div>
                       <div
-                        class="euiFormRow"
+                        class="euiFormRow euiFormRow--compressed"
                         data-test-subj="form-name-index.number_of_replicas"
                         id="some_html_id-row"
                       >
@@ -344,13 +344,13 @@ Object {
                             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                           >
                             <div
-                              class="euiFormControlLayout"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
                                 class="euiFormControlLayout__childrenWrapper"
                               >
                                 <input
-                                  class="euiFieldNumber"
+                                  class="euiFieldNumber euiFieldNumber--compressed"
                                   placeholder="Specify number of replicas."
                                   type="number"
                                   value="1"
@@ -361,7 +361,7 @@ Object {
                         </div>
                       </div>
                       <div
-                        class="euiFormRow"
+                        class="euiFormRow euiFormRow--compressed"
                         data-test-subj="form-name-index.refresh_interval"
                         id="some_html_id-row"
                       >
@@ -389,13 +389,13 @@ Object {
                             class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                           >
                             <div
-                              class="euiFormControlLayout"
+                              class="euiFormControlLayout euiFormControlLayout--compressed"
                             >
                               <div
                                 class="euiFormControlLayout__childrenWrapper"
                               >
                                 <input
-                                  class="euiFieldText"
+                                  class="euiFieldText euiFieldText--compressed"
                                   placeholder="Can be set to -1 to disable refreshing."
                                   type="text"
                                   value="1s"
@@ -451,7 +451,7 @@ Object {
                                 class="euiSpacer euiSpacer--s"
                               />
                               <div
-                                class="euiFormRow euiFormRow--fullWidth"
+                                class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
                                 data-test-subj="formNameAdvancedSettings"
                                 id="some_html_id-row"
                               >
@@ -664,7 +664,7 @@ Object {
                         </i>
                       </div>
                       <div
-                        class="euiFormRow euiFormRow--fullWidth"
+                        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
                         id="some_html_id-row"
                       >
                         <div
@@ -707,7 +707,7 @@ Object {
                     style="padding: 0px 10px;"
                   >
                     <div
-                      class="euiFormRow euiFormRow--fullWidth"
+                      class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
                       id="some_html_id-row"
                     >
                       <div
@@ -787,7 +787,7 @@ Object {
                           class="euiSpacer euiSpacer--l"
                         />
                         <button
-                          class="euiButton euiButton--primary"
+                          class="euiButton euiButton--primary euiButton--small"
                           data-test-subj="createIndexAddFieldButton"
                           style="margin-right: 8px;"
                           type="button"
@@ -803,7 +803,7 @@ Object {
                           </span>
                         </button>
                         <button
-                          class="euiButton euiButton--primary"
+                          class="euiButton euiButton--primary euiButton--small"
                           data-test-subj="createIndexAddObjectFieldButton"
                           type="button"
                         >
@@ -834,7 +834,7 @@ Object {
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <button
-                  class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--flushLeft"
+                  class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
                   data-test-subj="flyout-footer-cancel-button"
                   type="button"
                 >
@@ -853,7 +853,7 @@ Object {
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton--fill"
+                  class="euiButton euiButton--primary euiButton--small euiButton--fill"
                   data-test-subj="flyout-footer-action-button"
                   type="button"
                 >
diff --git a/public/pages/Reindex/components/IndexSelect/__snapshots__/IndexSelect.test.tsx.snap b/public/pages/Reindex/components/IndexSelect/__snapshots__/IndexSelect.test.tsx.snap
index 6f9f71ea7..732e2608e 100644
--- a/public/pages/Reindex/components/IndexSelect/__snapshots__/IndexSelect.test.tsx.snap
+++ b/public/pages/Reindex/components/IndexSelect/__snapshots__/IndexSelect.test.tsx.snap
@@ -9,17 +9,17 @@ Object {
         <div
           aria-expanded="false"
           aria-haspopup="listbox"
-          class="euiComboBox"
+          class="euiComboBox euiComboBox--compressed"
           role="combobox"
         >
           <div
-            class="euiFormControlLayout"
+            class="euiFormControlLayout euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <div
-                class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
                 data-test-subj="comboBoxInput"
                 tabindex="-1"
               >
@@ -49,7 +49,7 @@ Object {
               >
                 <button
                   aria-label="Clear input"
-                  class="euiFormControlLayoutClearButton"
+                  class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
                   data-test-subj="comboBoxClearButton"
                   type="button"
                 >
@@ -75,17 +75,17 @@ Object {
       <div
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="euiComboBox"
+        class="euiComboBox euiComboBox--compressed"
         role="combobox"
       >
         <div
-          class="euiFormControlLayout"
+          class="euiFormControlLayout euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <div
-              class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+              class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
               data-test-subj="comboBoxInput"
               tabindex="-1"
             >
@@ -115,7 +115,7 @@ Object {
             >
               <button
                 aria-label="Clear input"
-                class="euiFormControlLayoutClearButton"
+                class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
                 data-test-subj="comboBoxClearButton"
                 type="button"
               >
diff --git a/public/pages/Reindex/components/ReindexAdvancedOptions/__snapshots__/ReindexAdvancedOptions.test.tsx.snap b/public/pages/Reindex/components/ReindexAdvancedOptions/__snapshots__/ReindexAdvancedOptions.test.tsx.snap
index 803d57feb..aa23ebd2a 100644
--- a/public/pages/Reindex/components/ReindexAdvancedOptions/__snapshots__/ReindexAdvancedOptions.test.tsx.snap
+++ b/public/pages/Reindex/components/ReindexAdvancedOptions/__snapshots__/ReindexAdvancedOptions.test.tsx.snap
@@ -7,7 +7,7 @@ Object {
     <div>
       <div>
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -37,7 +37,7 @@ Object {
               </button>
             </div>
             <div
-              class="euiCheckbox"
+              class="euiCheckbox euiCheckbox--compressed"
             >
               <input
                 checked=""
@@ -61,7 +61,7 @@ Object {
           class="euiSpacer euiSpacer--l"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -91,7 +91,7 @@ Object {
               </button>
             </div>
             <div
-              class="euiCheckbox"
+              class="euiCheckbox euiCheckbox--compressed"
             >
               <input
                 checked=""
@@ -115,7 +115,7 @@ Object {
           class="euiSpacer euiSpacer--l"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -138,7 +138,7 @@ Object {
               Divide this reindexing operation into smaller subtasks to run in parallel.
             </div>
             <div
-              class="euiCheckbox"
+              class="euiCheckbox euiCheckbox--compressed"
             >
               <input
                 checked=""
@@ -164,7 +164,7 @@ Object {
               data-test-subj="sliceOption"
             >
               <div
-                class="euiRadio euiRadioGroup__item"
+                class="euiRadio euiRadio--compressed euiRadioGroup__item"
               >
                 <input
                   class="euiRadio__input"
@@ -184,7 +184,7 @@ Object {
                 </label>
               </div>
               <div
-                class="euiRadio euiRadioGroup__item"
+                class="euiRadio euiRadio--compressed euiRadioGroup__item"
               >
                 <input
                   checked=""
@@ -211,7 +211,7 @@ Object {
           class="euiSpacer euiSpacer--l"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -235,13 +235,13 @@ Object {
               Specify the number of subtasks to divide this operation into.
             </div>
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
-                  class="euiFieldNumber"
+                  class="euiFieldNumber euiFieldNumber--compressed"
                   data-test-subj="slices"
                   min="2"
                   placeholder="Specify a number"
@@ -256,7 +256,7 @@ Object {
           class="euiSpacer euiSpacer--l"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -300,18 +300,18 @@ Object {
               aria-expanded="false"
               aria-haspopup="listbox"
               aria-label="Ingest Pipeline"
-              class="euiComboBox"
+              class="euiComboBox euiComboBox--compressed"
               data-test-subj="pipelineCombobox"
               role="combobox"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <div
-                    class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
                     data-test-subj="comboBoxInput"
                     tabindex="-1"
                   >
@@ -359,7 +359,7 @@ Object {
   "container": <div>
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -389,7 +389,7 @@ Object {
             </button>
           </div>
           <div
-            class="euiCheckbox"
+            class="euiCheckbox euiCheckbox--compressed"
           >
             <input
               checked=""
@@ -413,7 +413,7 @@ Object {
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -443,7 +443,7 @@ Object {
             </button>
           </div>
           <div
-            class="euiCheckbox"
+            class="euiCheckbox euiCheckbox--compressed"
           >
             <input
               checked=""
@@ -467,7 +467,7 @@ Object {
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -490,7 +490,7 @@ Object {
             Divide this reindexing operation into smaller subtasks to run in parallel.
           </div>
           <div
-            class="euiCheckbox"
+            class="euiCheckbox euiCheckbox--compressed"
           >
             <input
               checked=""
@@ -516,7 +516,7 @@ Object {
             data-test-subj="sliceOption"
           >
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -536,7 +536,7 @@ Object {
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -563,7 +563,7 @@ Object {
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -587,13 +587,13 @@ Object {
             Specify the number of subtasks to divide this operation into.
           </div>
           <div
-            class="euiFormControlLayout"
+            class="euiFormControlLayout euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <input
-                class="euiFieldNumber"
+                class="euiFieldNumber euiFieldNumber--compressed"
                 data-test-subj="slices"
                 min="2"
                 placeholder="Specify a number"
@@ -608,7 +608,7 @@ Object {
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -652,18 +652,18 @@ Object {
             aria-expanded="false"
             aria-haspopup="listbox"
             aria-label="Ingest Pipeline"
-            class="euiComboBox"
+            class="euiComboBox euiComboBox--compressed"
             data-test-subj="pipelineCombobox"
             role="combobox"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <div
-                  class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
                   data-test-subj="comboBoxInput"
                   tabindex="-1"
                 >
diff --git a/public/pages/Reindex/container/Reindex/__snapshots__/Reindex.test.tsx.snap b/public/pages/Reindex/container/Reindex/__snapshots__/Reindex.test.tsx.snap
index 59d7c6224..ab8b86880 100644
--- a/public/pages/Reindex/container/Reindex/__snapshots__/Reindex.test.tsx.snap
+++ b/public/pages/Reindex/container/Reindex/__snapshots__/Reindex.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`<Reindex /> spec renders the component 1`] = `
     Reindex
   </h1>
   <div
-    class="euiFormRow euiFormRow--fullWidth"
+    class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
     id="some_html_id-row"
   >
     <div
@@ -78,7 +78,7 @@ exports[`<Reindex /> spec renders the component 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -105,18 +105,18 @@ exports[`<Reindex /> spec renders the component 1`] = `
             <div
               aria-expanded="false"
               aria-haspopup="listbox"
-              class="euiComboBox"
+              class="euiComboBox euiComboBox--compressed"
               data-test-subj="sourceSelector"
               role="combobox"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <div
-                    class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                    class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                     data-test-subj="comboBoxInput"
                     tabindex="-1"
                   >
@@ -163,7 +163,7 @@ exports[`<Reindex /> spec renders the component 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -173,14 +173,14 @@ exports[`<Reindex /> spec renders the component 1`] = `
             data-test-subj="subsetOption"
           >
             <legend
-              class="euiFormLegend"
+              class="euiFormLegend euiFormLegend--compressed"
             >
               <span>
                 Specify a reindex option
               </span>
             </legend>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -201,7 +201,7 @@ exports[`<Reindex /> spec renders the component 1`] = `
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -272,7 +272,7 @@ exports[`<Reindex /> spec renders the component 1`] = `
           style="max-width: 400px;"
         >
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="some_html_id-row"
           >
             <div
@@ -293,18 +293,18 @@ exports[`<Reindex /> spec renders the component 1`] = `
                 <div
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  class="euiComboBox"
+                  class="euiComboBox euiComboBox--compressed"
                   data-test-subj="destinationSelector"
                   role="combobox"
                 >
                   <div
-                    class="euiFormControlLayout"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
                       class="euiFormControlLayout__childrenWrapper"
                     >
                       <div
-                        class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+                        class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
                         data-test-subj="comboBoxInput"
                         tabindex="-1"
                       >
@@ -352,7 +352,7 @@ exports[`<Reindex /> spec renders the component 1`] = `
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
           <button
-            class="euiButton euiButton--primary"
+            class="euiButton euiButton--primary euiButton--small"
             data-test-subj="createIndexButton"
             type="button"
           >
@@ -392,7 +392,7 @@ exports[`<Reindex /> spec renders the component 1`] = `
           >
             <button
               aria-label="drop down icon"
-              class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
+              class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--small"
               data-test-subj="advanceOptionToggle"
               type="button"
             >
@@ -425,7 +425,7 @@ exports[`<Reindex /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButtonEmpty euiButtonEmpty--primary"
+        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
         data-test-subj="reindexCancelButton"
         type="button"
       >
@@ -444,7 +444,7 @@ exports[`<Reindex /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="reindexConfirmButton"
         type="button"
       >
diff --git a/public/pages/Rollover/containers/Rollover/__snapshots__/Rollover.test.tsx.snap b/public/pages/Rollover/containers/Rollover/__snapshots__/Rollover.test.tsx.snap
index 53f64dd13..1dae9220b 100644
--- a/public/pages/Rollover/containers/Rollover/__snapshots__/Rollover.test.tsx.snap
+++ b/public/pages/Rollover/containers/Rollover/__snapshots__/Rollover.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`container <Rollover /> spec render the component 1`] = `
     Roll over
   </h1>
   <div
-    class="euiFormRow"
+    class="euiFormRow euiFormRow--compressed"
     id="some_html_id-row"
     style="margin-bottom: 20px;"
   >
@@ -59,7 +59,7 @@ exports[`container <Rollover /> spec render the component 1`] = `
         class="euiForm"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           data-test-subj="form-name-source"
           id="some_html_id-row"
         >
@@ -89,17 +89,17 @@ exports[`container <Rollover /> spec render the component 1`] = `
               <div
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                class="euiComboBox"
+                class="euiComboBox euiComboBox--compressed"
                 role="combobox"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <div
-                      class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
+                      class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isClearable"
                       data-test-subj="comboBoxInput"
                       tabindex="-1"
                     >
@@ -129,7 +129,7 @@ exports[`container <Rollover /> spec render the component 1`] = `
                     >
                       <button
                         aria-label="Clear input"
-                        class="euiFormControlLayoutClearButton"
+                        class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
                         data-test-subj="comboBoxClearButton"
                         type="button"
                       >
@@ -163,7 +163,7 @@ exports[`container <Rollover /> spec render the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButtonEmpty euiButtonEmpty--primary"
+        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
         data-test-subj="rolloverCancelButton"
         type="button"
       >
@@ -182,7 +182,7 @@ exports[`container <Rollover /> spec render the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="rolloverSubmitButton"
         type="button"
       >
diff --git a/public/pages/Rollups/containers/Rollups/__snapshots__/Rollups.test.tsx.snap b/public/pages/Rollups/containers/Rollups/__snapshots__/Rollups.test.tsx.snap
index 9caafaf70..1db220698 100644
--- a/public/pages/Rollups/containers/Rollups/__snapshots__/Rollups.test.tsx.snap
+++ b/public/pages/Rollups/containers/Rollups/__snapshots__/Rollups.test.tsx.snap
@@ -31,7 +31,7 @@ exports[`<Rollups /> spec renders the component 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary"
+              class="euiButton euiButton--primary euiButton--small"
               data-test-subj="refreshButton"
               type="button"
             >
@@ -51,7 +51,7 @@ exports[`<Rollups /> spec renders the component 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary euiButton-isDisabled"
+              class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
               data-test-subj="disableButton"
               disabled=""
               type="button"
@@ -71,7 +71,7 @@ exports[`<Rollups /> spec renders the component 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary euiButton-isDisabled"
+              class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
               data-test-subj="enableButton"
               disabled=""
               type="button"
@@ -99,7 +99,7 @@ exports[`<Rollups /> spec renders the component 1`] = `
                 class="euiPopover__anchor"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton-isDisabled"
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
                   data-test-subj="actionButton"
                   disabled=""
                   type="button"
@@ -122,7 +122,7 @@ exports[`<Rollups /> spec renders the component 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="createRollupButton"
               type="button"
             >
@@ -151,13 +151,13 @@ exports[`<Rollups /> spec renders the component 1`] = `
           class="euiFlexItem"
         >
           <div
-            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <input
-                class="euiFieldSearch euiFieldSearch--fullWidth"
+                class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
                 placeholder="Search"
                 type="search"
                 value=""
diff --git a/public/pages/ShrinkIndex/container/ShrinkIndex/__snapshots__/ShrinkIndex.test.tsx.snap b/public/pages/ShrinkIndex/container/ShrinkIndex/__snapshots__/ShrinkIndex.test.tsx.snap
index 85fd12d27..d2e0106d1 100644
--- a/public/pages/ShrinkIndex/container/ShrinkIndex/__snapshots__/ShrinkIndex.test.tsx.snap
+++ b/public/pages/ShrinkIndex/container/ShrinkIndex/__snapshots__/ShrinkIndex.test.tsx.snap
@@ -11,7 +11,7 @@ exports[`<Shrink index /> spec renders the component 1`] = `
       Shrink index
     </h1>
     <div
-      class="euiFormRow euiFormRow--fullWidth"
+      class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
       id="some_html_id-row"
     >
       <div
@@ -199,7 +199,7 @@ exports[`<Shrink index /> spec renders the component 1`] = `
           class="euiForm"
         >
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             data-test-subj="form-name-targetIndex"
             id="some_html_id-row"
           >
@@ -221,13 +221,13 @@ exports[`<Shrink index /> spec renders the component 1`] = `
                 class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
-                      class="euiFieldText"
+                      class="euiFieldText euiFieldText--compressed"
                       data-test-subj="targetIndexNameInput"
                       placeholder="Specify a name for the new shrunken index."
                       type="text"
@@ -247,7 +247,7 @@ exports[`<Shrink index /> spec renders the component 1`] = `
             </div>
           </div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             data-test-subj="form-name-index.number_of_shards"
             id="some_html_id-row"
           >
@@ -280,13 +280,13 @@ exports[`<Shrink index /> spec renders the component 1`] = `
                 class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <select
-                      class="euiSelect"
+                      class="euiSelect euiSelect--compressed"
                       data-test-subj="numberOfShardsInput"
                       placeholder="Select primary shard count"
                     >
@@ -316,7 +316,7 @@ exports[`<Shrink index /> spec renders the component 1`] = `
             </div>
           </div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             data-test-subj="form-name-index.number_of_replicas"
             id="some_html_id-row"
           >
@@ -346,13 +346,13 @@ exports[`<Shrink index /> spec renders the component 1`] = `
                 class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
-                      class="euiFieldNumber"
+                      class="euiFieldNumber euiFieldNumber--compressed"
                       data-test-subj="numberOfReplicasInput"
                       min="0"
                       type="number"
@@ -364,7 +364,7 @@ exports[`<Shrink index /> spec renders the component 1`] = `
             </div>
           </div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             data-test-subj="form-name-aliases"
             id="some_html_id-row"
           >
@@ -397,18 +397,18 @@ exports[`<Shrink index /> spec renders the component 1`] = `
                 <div
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  class="euiComboBox"
+                  class="euiComboBox euiComboBox--compressed"
                   data-test-subj="aliasesInput"
                   role="combobox"
                 >
                   <div
-                    class="euiFormControlLayout"
+                    class="euiFormControlLayout euiFormControlLayout--compressed"
                   >
                     <div
                       class="euiFormControlLayout__childrenWrapper"
                     >
                       <div
-                        class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+                        class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
                         data-test-subj="comboBoxInput"
                         tabindex="-1"
                       >
@@ -497,7 +497,7 @@ exports[`<Shrink index /> spec renders the component 1`] = `
                     class="euiSpacer euiSpacer--s"
                   />
                   <div
-                    class="euiFormRow"
+                    class="euiFormRow euiFormRow--compressed"
                     data-test-subj="formNameAdvancedSettings"
                     id="some_html_id-row"
                   >
@@ -748,7 +748,7 @@ exports[`<Shrink index /> spec renders the component 1`] = `
             class="euiSpacer euiSpacer--l"
           />
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="some_html_id-row"
           >
             <div
@@ -768,7 +768,7 @@ exports[`<Shrink index /> spec renders the component 1`] = `
                 class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
               >
                 <div
-                  class="euiCheckbox"
+                  class="euiCheckbox euiCheckbox--compressed"
                 >
                   <input
                     class="euiCheckbox__input"
@@ -794,7 +794,7 @@ exports[`<Shrink index /> spec renders the component 1`] = `
                 class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
               >
                 <div
-                  class="euiCheckbox"
+                  class="euiCheckbox euiCheckbox--compressed"
                 >
                   <input
                     class="euiCheckbox__input"
@@ -833,7 +833,7 @@ exports[`<Shrink index /> spec renders the component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--flushLeft"
+          class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
           data-test-subj="shrinkIndexCancelButton"
           type="button"
         >
@@ -852,7 +852,7 @@ exports[`<Shrink index /> spec renders the component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           data-test-subj="shrinkIndexConfirmButton"
           type="button"
         >
diff --git a/public/pages/Snapshots/components/AddPrefixInput/__snapshots__/AddPrefixInput.test.tsx.snap b/public/pages/Snapshots/components/AddPrefixInput/__snapshots__/AddPrefixInput.test.tsx.snap
index d383d6e0d..651c664a3 100644
--- a/public/pages/Snapshots/components/AddPrefixInput/__snapshots__/AddPrefixInput.test.tsx.snap
+++ b/public/pages/Snapshots/components/AddPrefixInput/__snapshots__/AddPrefixInput.test.tsx.snap
@@ -29,20 +29,20 @@ exports[`AddPrefixInput component renders without error 1`] = `
     class="euiSpacer euiSpacer--s"
   />
   <div
-    class="euiFormRow"
+    class="euiFormRow euiFormRow--compressed"
     id="some_html_id-row"
   >
     <div
       class="euiFormRow__fieldWrapper"
     >
       <div
-        class="euiFormControlLayout"
+        class="euiFormControlLayout euiFormControlLayout--compressed"
       >
         <div
           class="euiFormControlLayout__childrenWrapper"
         >
           <input
-            class="euiFieldText"
+            class="euiFieldText euiFieldText--compressed"
             data-test-subj="prefixInput"
             id="some_html_id"
             type="text"
diff --git a/public/pages/Snapshots/components/RenameInput/__snapshots__/RenameInput.test.tsx.snap b/public/pages/Snapshots/components/RenameInput/__snapshots__/RenameInput.test.tsx.snap
index 854374969..7c8a2da7e 100644
--- a/public/pages/Snapshots/components/RenameInput/__snapshots__/RenameInput.test.tsx.snap
+++ b/public/pages/Snapshots/components/RenameInput/__snapshots__/RenameInput.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`RenameInput component renders without error 1`] = `
     class="euiSpacer euiSpacer--l"
   />
   <div
-    class="euiFormRow"
+    class="euiFormRow euiFormRow--compressed"
     id="rename_pattern-row"
   >
     <div
@@ -53,13 +53,13 @@ exports[`RenameInput component renders without error 1`] = `
       class="euiFormRow__fieldWrapper"
     >
       <div
-        class="euiFormControlLayout"
+        class="euiFormControlLayout euiFormControlLayout--compressed"
       >
         <div
           class="euiFormControlLayout__childrenWrapper"
         >
           <input
-            class="euiFieldText"
+            class="euiFieldText euiFieldText--compressed"
             data-test-subj="renamePatternInput"
             id="rename_pattern"
             type="text"
@@ -73,7 +73,7 @@ exports[`RenameInput component renders without error 1`] = `
     class="euiSpacer euiSpacer--m"
   />
   <div
-    class="euiFormRow"
+    class="euiFormRow euiFormRow--compressed"
     id="rename_replacement-row"
   >
     <div
@@ -120,13 +120,13 @@ exports[`RenameInput component renders without error 1`] = `
       class="euiFormRow__fieldWrapper"
     >
       <div
-        class="euiFormControlLayout"
+        class="euiFormControlLayout euiFormControlLayout--compressed"
       >
         <div
           class="euiFormControlLayout__childrenWrapper"
         >
           <input
-            class="euiFieldText"
+            class="euiFieldText euiFieldText--compressed"
             data-test-subj="renameReplacementInput"
             id="rename_replacement"
             type="text"
diff --git a/public/pages/Snapshots/components/SnapshotIndicesInput/__snapshots__/SnapshotIndicesInput.test.tsx.snap b/public/pages/Snapshots/components/SnapshotIndicesInput/__snapshots__/SnapshotIndicesInput.test.tsx.snap
index da243b734..3489049d5 100644
--- a/public/pages/Snapshots/components/SnapshotIndicesInput/__snapshots__/SnapshotIndicesInput.test.tsx.snap
+++ b/public/pages/Snapshots/components/SnapshotIndicesInput/__snapshots__/SnapshotIndicesInput.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`SnapshotIndicesInput component renders without error 1`] = `
 <div>
   <div
-    class="euiFormRow"
+    class="euiFormRow euiFormRow--compressed"
     id="some_html_id-row"
   >
     <div
@@ -22,17 +22,17 @@ exports[`SnapshotIndicesInput component renders without error 1`] = `
       <div
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="euiComboBox"
+        class="euiComboBox euiComboBox--compressed"
         role="combobox"
       >
         <div
-          class="euiFormControlLayout"
+          class="euiFormControlLayout euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <div
-              class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+              class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
               data-test-subj="comboBoxInput"
               tabindex="-1"
             >
diff --git a/public/pages/Snapshots/components/SnapshotRenameOptions/__snapshots__/SnapshotRenameOptions.test.tsx.snap b/public/pages/Snapshots/components/SnapshotRenameOptions/__snapshots__/SnapshotRenameOptions.test.tsx.snap
index 12120e8f4..7c56ad84b 100644
--- a/public/pages/Snapshots/components/SnapshotRenameOptions/__snapshots__/SnapshotRenameOptions.test.tsx.snap
+++ b/public/pages/Snapshots/components/SnapshotRenameOptions/__snapshots__/SnapshotRenameOptions.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`SnapshotRenameOptions component renders without error 1`] = `
       class="euiSpacer euiSpacer--m"
     />
     <div
-      class="euiRadio"
+      class="euiRadio euiRadio--compressed"
     >
       <input
         checked=""
@@ -34,7 +34,7 @@ exports[`SnapshotRenameOptions component renders without error 1`] = `
       class="euiSpacer euiSpacer--s"
     />
     <div
-      class="euiRadio"
+      class="euiRadio euiRadio--compressed"
     >
       <input
         class="euiRadio__input"
@@ -57,7 +57,7 @@ exports[`SnapshotRenameOptions component renders without error 1`] = `
       class="euiSpacer euiSpacer--s"
     />
     <div
-      class="euiRadio"
+      class="euiRadio euiRadio--compressed"
     >
       <input
         class="euiRadio__input"
diff --git a/public/pages/Snapshots/components/SnapshotRestoreOption/__snapshots__/SnapshotRestoreOption.test.tsx.snap b/public/pages/Snapshots/components/SnapshotRestoreOption/__snapshots__/SnapshotRestoreOption.test.tsx.snap
index 5509d887b..b4d9ae44a 100644
--- a/public/pages/Snapshots/components/SnapshotRestoreOption/__snapshots__/SnapshotRestoreOption.test.tsx.snap
+++ b/public/pages/Snapshots/components/SnapshotRestoreOption/__snapshots__/SnapshotRestoreOption.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`SnapshotRestoreOption component renders without error 1`] = `
       class="euiSpacer euiSpacer--m"
     />
     <div
-      class="euiRadio"
+      class="euiRadio euiRadio--compressed"
     >
       <input
         checked=""
@@ -34,7 +34,7 @@ exports[`SnapshotRestoreOption component renders without error 1`] = `
       class="euiSpacer euiSpacer--s"
     />
     <div
-      class="euiRadio"
+      class="euiRadio euiRadio--compressed"
     >
       <input
         class="euiRadio__input"
diff --git a/public/pages/SplitIndex/container/SplitIndex/__snapshots__/SplitIndex.test.tsx.snap b/public/pages/SplitIndex/container/SplitIndex/__snapshots__/SplitIndex.test.tsx.snap
index 9d2cad05d..3288a3a6e 100644
--- a/public/pages/SplitIndex/container/SplitIndex/__snapshots__/SplitIndex.test.tsx.snap
+++ b/public/pages/SplitIndex/container/SplitIndex/__snapshots__/SplitIndex.test.tsx.snap
@@ -12,7 +12,7 @@ HTMLCollection [
         Split index
       </h1>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
diff --git a/public/pages/Templates/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap b/public/pages/Templates/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
index 1c3d7a474..84a76e94b 100644
--- a/public/pages/Templates/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
+++ b/public/pages/Templates/components/IndexControls/__snapshots__/IndexControls.test.tsx.snap
@@ -9,13 +9,13 @@ exports[`<IndexControls /> spec renders the component 1`] = `
     class="euiFlexItem"
   >
     <div
-      class="euiFormControlLayout euiFormControlLayout--fullWidth"
+      class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
     >
       <div
         class="euiFormControlLayout__childrenWrapper"
       >
         <input
-          class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch-isClearable"
+          class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed euiFieldSearch-isClearable"
           placeholder="Search..."
           type="search"
           value="testing"
@@ -34,7 +34,7 @@ exports[`<IndexControls /> spec renders the component 1`] = `
         >
           <button
             aria-label="Clear input"
-            class="euiFormControlLayoutClearButton"
+            class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
             type="button"
           >
             EuiIconMock
diff --git a/public/pages/Templates/containers/AssociatedComponentsModal/__snapshots__/AssociatedComponentsModal.test.tsx.snap b/public/pages/Templates/containers/AssociatedComponentsModal/__snapshots__/AssociatedComponentsModal.test.tsx.snap
index c5401295c..418079bd4 100644
--- a/public/pages/Templates/containers/AssociatedComponentsModal/__snapshots__/AssociatedComponentsModal.test.tsx.snap
+++ b/public/pages/Templates/containers/AssociatedComponentsModal/__snapshots__/AssociatedComponentsModal.test.tsx.snap
@@ -169,7 +169,7 @@ HTMLCollection [
                             >
                               <button
                                 aria-label="Unlink test_component_template?"
-                                class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                                class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
                                 type="button"
                               >
                                 EuiIconMock
diff --git a/public/pages/Templates/containers/DeleteTemplatesModal/__snapshots__/DeleteTemplateModal.test.tsx.snap b/public/pages/Templates/containers/DeleteTemplatesModal/__snapshots__/DeleteTemplateModal.test.tsx.snap
index b379e55a1..6943e5d8f 100644
--- a/public/pages/Templates/containers/DeleteTemplatesModal/__snapshots__/DeleteTemplateModal.test.tsx.snap
+++ b/public/pages/Templates/containers/DeleteTemplatesModal/__snapshots__/DeleteTemplateModal.test.tsx.snap
@@ -76,13 +76,13 @@ HTMLCollection [
                   </div>
                 </div>
                 <div
-                  class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                  class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
-                      class="euiFieldText euiFieldText--fullWidth"
+                      class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                       data-test-subj="deleteInput"
                       placeholder="delete"
                       type="text"
@@ -97,7 +97,7 @@ HTMLCollection [
             class="euiModalFooter"
           >
             <button
-              class="euiButtonEmpty euiButtonEmpty--primary"
+              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
               data-test-subj="deletaCancelButton"
               type="button"
             >
@@ -112,7 +112,7 @@ HTMLCollection [
               </span>
             </button>
             <button
-              class="euiButton euiButton--danger euiButton--fill euiButton-isDisabled"
+              class="euiButton euiButton--danger euiButton--small euiButton--fill euiButton-isDisabled"
               data-test-subj="deleteConfirmButton"
               disabled=""
               type="button"
diff --git a/public/pages/Templates/containers/Templates/__snapshots__/Templates.test.tsx.snap b/public/pages/Templates/containers/Templates/__snapshots__/Templates.test.tsx.snap
index 807e874fc..a33118792 100644
--- a/public/pages/Templates/containers/Templates/__snapshots__/Templates.test.tsx.snap
+++ b/public/pages/Templates/containers/Templates/__snapshots__/Templates.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<Templates /> spec renders the component 1`] = `
         Templates
       </span>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -73,7 +73,7 @@ exports[`<Templates /> spec renders the component 1`] = `
                   class="euiPopover__anchor"
                 >
                   <button
-                    class="euiButton euiButton--primary"
+                    class="euiButton euiButton--primary euiButton--small"
                     type="button"
                   >
                     <span
@@ -94,7 +94,7 @@ exports[`<Templates /> spec renders the component 1`] = `
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <button
-                class="euiButton euiButton--primary euiButton--fill"
+                class="euiButton euiButton--primary euiButton--small euiButton--fill"
                 data-test-subj="Create templateButton"
                 type="button"
               >
@@ -128,13 +128,13 @@ exports[`<Templates /> spec renders the component 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormControlLayout euiFormControlLayout--fullWidth"
+          class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <input
-              class="euiFieldSearch euiFieldSearch--fullWidth"
+              class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
               placeholder="Search..."
               type="search"
               value=""
@@ -427,7 +427,7 @@ exports[`<Templates /> spec renders the component 1`] = `
                           class="euiFlexItem euiFlexItem--flexGrowZero"
                         >
                           <button
-                            class="euiButton euiButton--primary euiButton--fill"
+                            class="euiButton euiButton--primary euiButton--small euiButton--fill"
                             type="button"
                           >
                             <span
diff --git a/public/pages/Templates/containers/TemplatesActions/__snapshots__/TemplatesActions.test.tsx.snap b/public/pages/Templates/containers/TemplatesActions/__snapshots__/TemplatesActions.test.tsx.snap
index d12e4fb9f..92f6d5412 100644
--- a/public/pages/Templates/containers/TemplatesActions/__snapshots__/TemplatesActions.test.tsx.snap
+++ b/public/pages/Templates/containers/TemplatesActions/__snapshots__/TemplatesActions.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`<TemplatesActions /> spec delete templates by calling commonService 1`]
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
@@ -36,7 +36,7 @@ exports[`<TemplatesActions /> spec renders the component and all the actions sho
     class="euiPopover__anchor"
   >
     <button
-      class="euiButton euiButton--primary"
+      class="euiButton euiButton--primary euiButton--small"
       type="button"
     >
       <span
diff --git a/public/pages/Transforms/containers/Transforms/__snapshots__/EditTransform.test.tsx.snap b/public/pages/Transforms/containers/Transforms/__snapshots__/EditTransform.test.tsx.snap
index 390277feb..74ebbb6f8 100644
--- a/public/pages/Transforms/containers/Transforms/__snapshots__/EditTransform.test.tsx.snap
+++ b/public/pages/Transforms/containers/Transforms/__snapshots__/EditTransform.test.tsx.snap
@@ -49,7 +49,7 @@ exports[`<EditTransform /> spec renders the component 1`] = `
           class="euiSpacer euiSpacer--s"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -67,14 +67,14 @@ exports[`<EditTransform /> spec renders the component 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="some_html_id-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   disabled=""
                   id="some_html_id"
                   placeholder="transform-id"
@@ -128,7 +128,7 @@ exports[`<EditTransform /> spec renders the component 1`] = `
           class="euiSpacer euiSpacer--xs"
         />
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="some_html_id-row"
         >
           <div
@@ -361,7 +361,7 @@ exports[`<EditTransform /> spec renders the component 1`] = `
         style="padding-left: 10px;"
       >
         <div
-          class="euiCheckbox"
+          class="euiCheckbox euiCheckbox--compressed"
         >
           <input
             checked=""
@@ -392,7 +392,7 @@ exports[`<EditTransform /> spec renders the component 1`] = `
             style="width: 200px;"
           >
             <div
-              class="euiFormRow"
+              class="euiFormRow euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
@@ -410,13 +410,13 @@ exports[`<EditTransform /> spec renders the component 1`] = `
                 class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <input
-                      class="euiFieldNumber"
+                      class="euiFieldNumber euiFieldNumber--compressed"
                       id="some_html_id"
                       type="number"
                       value="2"
@@ -430,20 +430,20 @@ exports[`<EditTransform /> spec renders the component 1`] = `
             class="euiFlexItem"
           >
             <div
-              class="euiFormRow euiFormRow--hasEmptyLabelSpace"
+              class="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
                 class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormControlLayout"
+                  class="euiFormControlLayout euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <select
-                      class="euiSelect"
+                      class="euiSelect euiSelect--compressed"
                       id="some_html_id"
                     >
                       <option
@@ -520,7 +520,7 @@ exports[`<EditTransform /> spec renders the component 1`] = `
                   class="euiSpacer euiSpacer--m"
                 />
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--compressed"
                   id="some_html_id-row"
                 >
                   <div
@@ -537,14 +537,14 @@ exports[`<EditTransform /> spec renders the component 1`] = `
                     class="euiFormRow__fieldWrapper"
                   >
                     <div
-                      class="euiFormControlLayout"
+                      class="euiFormControlLayout euiFormControlLayout--compressed"
                     >
                       <div
                         class="euiFormControlLayout__childrenWrapper"
                       >
                         <input
                           aria-describedby="some_html_id-help-0"
-                          class="euiFieldNumber"
+                          class="euiFieldNumber euiFieldNumber--compressed"
                           id="some_html_id"
                           min="1"
                           placeholder="1000"
@@ -578,7 +578,7 @@ exports[`<EditTransform /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButtonEmpty euiButtonEmpty--primary"
+        class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
         data-test-subj="editTransformCancelButton"
         type="button"
       >
@@ -597,7 +597,7 @@ exports[`<EditTransform /> spec renders the component 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <button
-        class="euiButton euiButton--primary euiButton--fill"
+        class="euiButton euiButton--primary euiButton--small euiButton--fill"
         data-test-subj="editTransformSaveButton"
         type="button"
       >
diff --git a/public/pages/Transforms/containers/Transforms/__snapshots__/Transforms.test.tsx.snap b/public/pages/Transforms/containers/Transforms/__snapshots__/Transforms.test.tsx.snap
index bd7b682fc..c33fb832c 100644
--- a/public/pages/Transforms/containers/Transforms/__snapshots__/Transforms.test.tsx.snap
+++ b/public/pages/Transforms/containers/Transforms/__snapshots__/Transforms.test.tsx.snap
@@ -31,7 +31,7 @@ exports[`<Transforms /> spec renders the component 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary"
+              class="euiButton euiButton--primary euiButton--small"
               data-test-subj="refreshButton"
               type="button"
             >
@@ -51,7 +51,7 @@ exports[`<Transforms /> spec renders the component 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary euiButton-isDisabled"
+              class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
               data-test-subj="disableButton"
               disabled=""
               type="button"
@@ -71,7 +71,7 @@ exports[`<Transforms /> spec renders the component 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary euiButton-isDisabled"
+              class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
               data-test-subj="enableButton"
               disabled=""
               type="button"
@@ -99,7 +99,7 @@ exports[`<Transforms /> spec renders the component 1`] = `
                 class="euiPopover__anchor"
               >
                 <button
-                  class="euiButton euiButton--primary euiButton-isDisabled"
+                  class="euiButton euiButton--primary euiButton--small euiButton-isDisabled"
                   data-test-subj="actionButton"
                   disabled=""
                   type="button"
@@ -122,7 +122,7 @@ exports[`<Transforms /> spec renders the component 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               data-test-subj="createTransformButton"
               type="button"
             >
@@ -151,13 +151,13 @@ exports[`<Transforms /> spec renders the component 1`] = `
           class="euiFlexItem"
         >
           <div
-            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <input
-                class="euiFieldSearch euiFieldSearch--fullWidth"
+                class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch--compressed"
                 placeholder="Search"
                 type="search"
                 value=""
diff --git a/public/pages/VisualCreatePolicy/components/DraggableItem/__snapshots__/DraggableItem.test.tsx.snap b/public/pages/VisualCreatePolicy/components/DraggableItem/__snapshots__/DraggableItem.test.tsx.snap
index 6c28dc30b..8352f28b8 100644
--- a/public/pages/VisualCreatePolicy/components/DraggableItem/__snapshots__/DraggableItem.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/components/DraggableItem/__snapshots__/DraggableItem.test.tsx.snap
@@ -48,7 +48,7 @@ exports[`<DraggableItem /> spec renders the component 1`] = `
           >
             <button
               aria-label="Delete"
-              class="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty euiButtonIcon--xSmall"
+              class="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty euiButtonIcon--small"
               data-test-subj="draggable-item-delete-button-some_html_id"
               type="button"
             >
@@ -64,7 +64,7 @@ exports[`<DraggableItem /> spec renders the component 1`] = `
           >
             <button
               aria-label="Edit"
-              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
               data-test-subj="draggable-item-edit-button-some_html_id"
               type="button"
             >
diff --git a/public/pages/VisualCreatePolicy/components/FlyoutFooter/__snapshots__/FlyoutFooter.test.tsx.snap b/public/pages/VisualCreatePolicy/components/FlyoutFooter/__snapshots__/FlyoutFooter.test.tsx.snap
index d9490da11..965abd239 100644
--- a/public/pages/VisualCreatePolicy/components/FlyoutFooter/__snapshots__/FlyoutFooter.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/components/FlyoutFooter/__snapshots__/FlyoutFooter.test.tsx.snap
@@ -8,7 +8,7 @@ exports[`<FlyoutFooter /> spec renders the component 1`] = `
     class="euiFlexItem euiFlexItem--flexGrowZero"
   >
     <button
-      class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--flushLeft"
+      class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
       data-test-subj="flyout-footer-cancel-button"
       type="button"
     >
@@ -27,7 +27,7 @@ exports[`<FlyoutFooter /> spec renders the component 1`] = `
     class="euiFlexItem euiFlexItem--flexGrowZero"
   >
     <button
-      class="euiButton euiButton--primary euiButton--fill"
+      class="euiButton euiButton--primary euiButton--small euiButton--fill"
       data-test-subj="flyout-footer-action-button"
       type="button"
     >
diff --git a/public/pages/VisualCreatePolicy/components/ISMTemplate/__snapshots__/ISMTemplate.test.tsx.snap b/public/pages/VisualCreatePolicy/components/ISMTemplate/__snapshots__/ISMTemplate.test.tsx.snap
index fbe0ac150..a8396ca6f 100644
--- a/public/pages/VisualCreatePolicy/components/ISMTemplate/__snapshots__/ISMTemplate.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/components/ISMTemplate/__snapshots__/ISMTemplate.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`<ISMTemplate /> spec renders the component 1`] = `
     style="max-width: 400px;"
   >
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="some_html_id-row"
     >
       <div
@@ -18,18 +18,18 @@ exports[`<ISMTemplate /> spec renders the component 1`] = `
         <div
           aria-expanded="false"
           aria-haspopup="listbox"
-          class="euiComboBox"
+          class="euiComboBox euiComboBox--compressed"
           data-test-subj="ism-template-index-pattern-input"
           role="combobox"
         >
           <div
-            class="euiFormControlLayout"
+            class="euiFormControlLayout euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <div
-                class="euiComboBox__inputWrap"
+                class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed"
                 data-test-subj="comboBoxInput"
                 tabindex="-1"
               >
@@ -82,20 +82,20 @@ exports[`<ISMTemplate /> spec renders the component 1`] = `
     class="euiFlexItem euiFlexItem--flexGrowZero"
   >
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="some_html_id-row"
     >
       <div
         class="euiFormRow__fieldWrapper"
       >
         <div
-          class="euiFormControlLayout"
+          class="euiFormControlLayout euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <input
-              class="euiFieldNumber"
+              class="euiFieldNumber euiFieldNumber--compressed"
               data-test-subj="ism-template-priority-input"
               id="some_html_id"
               type="number"
@@ -110,7 +110,7 @@ exports[`<ISMTemplate /> spec renders the component 1`] = `
     class="euiFlexItem euiFlexItem--flexGrowZero"
   >
     <button
-      class="euiButton euiButton--danger"
+      class="euiButton euiButton--danger euiButton--small"
       data-test-subj="ism-template-remove-button"
       type="button"
     >
diff --git a/public/pages/VisualCreatePolicy/components/ISMTemplates/__snapshots__/ISMTemplates.test.tsx.snap b/public/pages/VisualCreatePolicy/components/ISMTemplates/__snapshots__/ISMTemplates.test.tsx.snap
index 9b109b00b..b93b100b3 100644
--- a/public/pages/VisualCreatePolicy/components/ISMTemplates/__snapshots__/ISMTemplates.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/components/ISMTemplates/__snapshots__/ISMTemplates.test.tsx.snap
@@ -109,7 +109,7 @@ exports[`<ISMTemplates /> spec renders the component 1`] = `
           class="euiSpacer euiSpacer--l"
         />
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           data-test-subj="ism-templates-add-template-button"
           type="button"
         >
diff --git a/public/pages/VisualCreatePolicy/components/LegacyNotification/__snapshots__/LegacyNotification.test.tsx.snap b/public/pages/VisualCreatePolicy/components/LegacyNotification/__snapshots__/LegacyNotification.test.tsx.snap
index 32526bb61..bdb6da4cd 100644
--- a/public/pages/VisualCreatePolicy/components/LegacyNotification/__snapshots__/LegacyNotification.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/components/LegacyNotification/__snapshots__/LegacyNotification.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`<LegacyNotification /> spec renders the component 1`] = `
         Using Channel ID will give you more control to manage notifications across OpenSearch dashboards. If you do decide to switch, you will lose your current error notification settings.
       </p>
       <button
-        class="euiButton euiButton--primary"
+        class="euiButton euiButton--primary euiButton--small"
         type="button"
       >
         <span
diff --git a/public/pages/VisualCreatePolicy/components/PolicyInfo/__snapshots__/PolicyInfo.test.tsx.snap b/public/pages/VisualCreatePolicy/components/PolicyInfo/__snapshots__/PolicyInfo.test.tsx.snap
index 5c98151c3..4d82ba9b2 100644
--- a/public/pages/VisualCreatePolicy/components/PolicyInfo/__snapshots__/PolicyInfo.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/components/PolicyInfo/__snapshots__/PolicyInfo.test.tsx.snap
@@ -55,20 +55,20 @@ exports[`<PolicyInfo /> spec renders the component 1`] = `
         </p>
       </div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiFormControlLayout"
+            class="euiFormControlLayout euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <input
-                class="euiFieldText"
+                class="euiFieldText euiFieldText--compressed"
                 data-test-subj="create-policy-policy-id"
                 id="some_html_id"
                 placeholder="hot_cold_workflow"
@@ -103,7 +103,7 @@ exports[`<PolicyInfo /> spec renders the component 1`] = `
         </p>
       </div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
diff --git a/public/pages/VisualCreatePolicy/components/States/__snapshots__/State.test.tsx.snap b/public/pages/VisualCreatePolicy/components/States/__snapshots__/State.test.tsx.snap
index aeade8c53..b28d1308b 100644
--- a/public/pages/VisualCreatePolicy/components/States/__snapshots__/State.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/components/States/__snapshots__/State.test.tsx.snap
@@ -118,7 +118,7 @@ exports[`<State /> spec renders the component 1`] = `
           >
             <button
               aria-label="Delete"
-              class="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty euiButtonIcon--xSmall"
+              class="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty euiButtonIcon--small"
               data-test-subj="state-delete-button"
               type="button"
             >
@@ -134,7 +134,7 @@ exports[`<State /> spec renders the component 1`] = `
           >
             <button
               aria-label="Edit"
-              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
               type="button"
             >
               EuiIconMock
diff --git a/public/pages/VisualCreatePolicy/components/States/__snapshots__/States.test.tsx.snap b/public/pages/VisualCreatePolicy/components/States/__snapshots__/States.test.tsx.snap
index 2602b9044..2f8693bf3 100644
--- a/public/pages/VisualCreatePolicy/components/States/__snapshots__/States.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/components/States/__snapshots__/States.test.tsx.snap
@@ -66,7 +66,7 @@ exports[`<States /> spec renders the component 1`] = `
       style="padding: 0px 10px;"
     >
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
         style="max-width: 300px; padding: 15px;"
       >
@@ -242,7 +242,7 @@ exports[`<States /> spec renders the component 1`] = `
                     >
                       <button
                         aria-label="Delete"
-                        class="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty euiButtonIcon--xSmall"
+                        class="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty euiButtonIcon--small"
                         data-test-subj="state-delete-button"
                         type="button"
                       >
@@ -258,7 +258,7 @@ exports[`<States /> spec renders the component 1`] = `
                     >
                       <button
                         aria-label="Edit"
-                        class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                        class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
                         type="button"
                       >
                         EuiIconMock
@@ -445,7 +445,7 @@ exports[`<States /> spec renders the component 1`] = `
                     >
                       <button
                         aria-label="Delete"
-                        class="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty euiButtonIcon--xSmall"
+                        class="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty euiButtonIcon--small"
                         data-test-subj="state-delete-button"
                         type="button"
                       >
@@ -461,7 +461,7 @@ exports[`<States /> spec renders the component 1`] = `
                     >
                       <button
                         aria-label="Edit"
-                        class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                        class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
                         type="button"
                       >
                         EuiIconMock
@@ -547,7 +547,7 @@ exports[`<States /> spec renders the component 1`] = `
         class="euiSpacer euiSpacer--l"
       />
       <button
-        class="euiButton euiButton--primary"
+        class="euiButton euiButton--primary euiButton--small"
         data-test-subj="states-add-state-button"
         type="button"
       >
diff --git a/public/pages/VisualCreatePolicy/components/TimeoutRetrySettings/__snapshots__/TimeoutRetrySettings.test.tsx.snap b/public/pages/VisualCreatePolicy/components/TimeoutRetrySettings/__snapshots__/TimeoutRetrySettings.test.tsx.snap
index 88d269e2a..27d51c080 100644
--- a/public/pages/VisualCreatePolicy/components/TimeoutRetrySettings/__snapshots__/TimeoutRetrySettings.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/components/TimeoutRetrySettings/__snapshots__/TimeoutRetrySettings.test.tsx.snap
@@ -80,7 +80,7 @@ exports[`<TimeoutRetrySettings /> spec renders the component 1`] = `
               </p>
             </div>
             <div
-              class="euiFormRow euiFormRow--fullWidth"
+              class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
@@ -94,13 +94,13 @@ exports[`<TimeoutRetrySettings /> spec renders the component 1`] = `
                     class="euiFlexItem"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                      class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                     >
                       <div
                         class="euiFormControlLayout__childrenWrapper"
                       >
                         <input
-                          class="euiFieldText euiFieldText--fullWidth"
+                          class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                           type="text"
                           value=""
                         />
@@ -135,7 +135,7 @@ exports[`<TimeoutRetrySettings /> spec renders the component 1`] = `
               </p>
             </div>
             <div
-              class="euiFormRow euiFormRow--fullWidth"
+              class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
@@ -149,13 +149,13 @@ exports[`<TimeoutRetrySettings /> spec renders the component 1`] = `
                     class="euiFlexItem"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                      class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                     >
                       <div
                         class="euiFormControlLayout__childrenWrapper"
                       >
                         <input
-                          class="euiFieldNumber euiFieldNumber--fullWidth"
+                          class="euiFieldNumber euiFieldNumber--fullWidth euiFieldNumber--compressed"
                           min="0"
                           type="number"
                           value=""
@@ -191,20 +191,20 @@ exports[`<TimeoutRetrySettings /> spec renders the component 1`] = `
               </p>
             </div>
             <div
-              class="euiFormRow euiFormRow--fullWidth"
+              class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
                 class="euiFormRow__fieldWrapper"
               >
                 <div
-                  class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                  class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                 >
                   <div
                     class="euiFormControlLayout__childrenWrapper"
                   >
                     <select
-                      class="euiSelect euiSelect--fullWidth"
+                      class="euiSelect euiSelect--fullWidth euiSelect--compressed"
                       id="some_html_id"
                     >
                       <option
@@ -261,7 +261,7 @@ exports[`<TimeoutRetrySettings /> spec renders the component 1`] = `
               </p>
             </div>
             <div
-              class="euiFormRow euiFormRow--fullWidth"
+              class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
               id="some_html_id-row"
             >
               <div
@@ -275,13 +275,13 @@ exports[`<TimeoutRetrySettings /> spec renders the component 1`] = `
                     class="euiFlexItem"
                   >
                     <div
-                      class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                      class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                     >
                       <div
                         class="euiFormControlLayout__childrenWrapper"
                       >
                         <input
-                          class="euiFieldText euiFieldText--fullWidth"
+                          class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                           type="text"
                           value=""
                         />
diff --git a/public/pages/VisualCreatePolicy/components/UIActions/AliasUIAction/__snapshots__/AliasUIAction.test.tsx.snap b/public/pages/VisualCreatePolicy/components/UIActions/AliasUIAction/__snapshots__/AliasUIAction.test.tsx.snap
index ee5d567d9..c31f35f40 100644
--- a/public/pages/VisualCreatePolicy/components/UIActions/AliasUIAction/__snapshots__/AliasUIAction.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/components/UIActions/AliasUIAction/__snapshots__/AliasUIAction.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`AliasUIAction component renders with blank action 1`] = `
 <div>
   <div
-    class="euiSwitch euiSwitch--primary"
+    class="euiSwitch euiSwitch--primary euiSwitch--compressed"
   >
     <button
       aria-checked="true"
@@ -22,10 +22,7 @@ exports[`AliasUIAction component renders with blank action 1`] = `
         />
         <span
           class="euiSwitch__track"
-        >
-          EuiIconMock
-          EuiIconMock
-        </span>
+        />
       </span>
     </button>
     <span
@@ -39,7 +36,7 @@ exports[`AliasUIAction component renders with blank action 1`] = `
     class="euiSpacer euiSpacer--m"
   />
   <div
-    class="euiFormRow euiFormRow--fullWidth"
+    class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
     data-test-subj="add-alias-row"
     id="some_html_id-row"
     style="max-width: 100%;"
@@ -61,18 +58,18 @@ exports[`AliasUIAction component renders with blank action 1`] = `
       <div
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="euiComboBox"
+        class="euiComboBox euiComboBox--compressed"
         data-test-subj="add-alias-combo-box"
         role="combobox"
       >
         <div
-          class="euiFormControlLayout"
+          class="euiFormControlLayout euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <div
-              class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+              class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
               data-test-subj="comboBoxInput"
               tabindex="-1"
             >
@@ -115,7 +112,7 @@ exports[`AliasUIAction component renders with blank action 1`] = `
     class="euiSpacer euiSpacer--l"
   />
   <div
-    class="euiSwitch euiSwitch--primary"
+    class="euiSwitch euiSwitch--primary euiSwitch--compressed"
   >
     <button
       aria-checked="true"
@@ -134,10 +131,7 @@ exports[`AliasUIAction component renders with blank action 1`] = `
         />
         <span
           class="euiSwitch__track"
-        >
-          EuiIconMock
-          EuiIconMock
-        </span>
+        />
       </span>
     </button>
     <span
@@ -151,7 +145,7 @@ exports[`AliasUIAction component renders with blank action 1`] = `
     class="euiSpacer euiSpacer--m"
   />
   <div
-    class="euiFormRow euiFormRow--fullWidth"
+    class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
     data-test-subj="remove-alias-row"
     id="some_html_id-row"
     style="max-width: 100%;"
@@ -173,18 +167,18 @@ exports[`AliasUIAction component renders with blank action 1`] = `
       <div
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="euiComboBox"
+        class="euiComboBox euiComboBox--compressed"
         data-test-subj="remove-alias-combo-box"
         role="combobox"
       >
         <div
-          class="euiFormControlLayout"
+          class="euiFormControlLayout euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <div
-              class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+              class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
               data-test-subj="comboBoxInput"
               tabindex="-1"
             >
@@ -229,7 +223,7 @@ exports[`AliasUIAction component renders with blank action 1`] = `
 exports[`AliasUIAction component renders with pre-defined actions 1`] = `
 <div>
   <div
-    class="euiSwitch euiSwitch--primary"
+    class="euiSwitch euiSwitch--primary euiSwitch--compressed"
   >
     <button
       aria-checked="true"
@@ -248,10 +242,7 @@ exports[`AliasUIAction component renders with pre-defined actions 1`] = `
         />
         <span
           class="euiSwitch__track"
-        >
-          EuiIconMock
-          EuiIconMock
-        </span>
+        />
       </span>
     </button>
     <span
@@ -265,7 +256,7 @@ exports[`AliasUIAction component renders with pre-defined actions 1`] = `
     class="euiSpacer euiSpacer--m"
   />
   <div
-    class="euiFormRow euiFormRow--fullWidth"
+    class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
     data-test-subj="add-alias-row"
     id="some_html_id-row"
     style="max-width: 100%;"
@@ -287,18 +278,18 @@ exports[`AliasUIAction component renders with pre-defined actions 1`] = `
       <div
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="euiComboBox"
+        class="euiComboBox euiComboBox--compressed"
         data-test-subj="add-alias-combo-box"
         role="combobox"
       >
         <div
-          class="euiFormControlLayout"
+          class="euiFormControlLayout euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <div
-              class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+              class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
               data-test-subj="comboBoxInput"
               tabindex="-1"
             >
@@ -433,7 +424,7 @@ exports[`AliasUIAction component renders with pre-defined actions 1`] = `
             >
               <button
                 aria-label="Clear input"
-                class="euiFormControlLayoutClearButton"
+                class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
                 data-test-subj="comboBoxClearButton"
                 type="button"
               >
@@ -458,7 +449,7 @@ exports[`AliasUIAction component renders with pre-defined actions 1`] = `
     class="euiSpacer euiSpacer--l"
   />
   <div
-    class="euiSwitch euiSwitch--primary"
+    class="euiSwitch euiSwitch--primary euiSwitch--compressed"
   >
     <button
       aria-checked="true"
@@ -477,10 +468,7 @@ exports[`AliasUIAction component renders with pre-defined actions 1`] = `
         />
         <span
           class="euiSwitch__track"
-        >
-          EuiIconMock
-          EuiIconMock
-        </span>
+        />
       </span>
     </button>
     <span
@@ -494,7 +482,7 @@ exports[`AliasUIAction component renders with pre-defined actions 1`] = `
     class="euiSpacer euiSpacer--m"
   />
   <div
-    class="euiFormRow euiFormRow--fullWidth"
+    class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
     data-test-subj="remove-alias-row"
     id="some_html_id-row"
     style="max-width: 100%;"
@@ -516,18 +504,18 @@ exports[`AliasUIAction component renders with pre-defined actions 1`] = `
       <div
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="euiComboBox"
+        class="euiComboBox euiComboBox--compressed"
         data-test-subj="remove-alias-combo-box"
         role="combobox"
       >
         <div
-          class="euiFormControlLayout"
+          class="euiFormControlLayout euiFormControlLayout--compressed"
         >
           <div
             class="euiFormControlLayout__childrenWrapper"
           >
             <div
-              class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
+              class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap-isClearable"
               data-test-subj="comboBoxInput"
               tabindex="-1"
             >
@@ -640,7 +628,7 @@ exports[`AliasUIAction component renders with pre-defined actions 1`] = `
             >
               <button
                 aria-label="Clear input"
-                class="euiFormControlLayoutClearButton"
+                class="euiFormControlLayoutClearButton euiFormControlLayoutClearButton--small"
                 data-test-subj="comboBoxClearButton"
                 type="button"
               >
diff --git a/public/pages/VisualCreatePolicy/containers/CreateAction/__snapshots__/CreateAction.test.tsx.snap b/public/pages/VisualCreatePolicy/containers/CreateAction/__snapshots__/CreateAction.test.tsx.snap
index 2af3ddd18..9a99d43e4 100644
--- a/public/pages/VisualCreatePolicy/containers/CreateAction/__snapshots__/CreateAction.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/containers/CreateAction/__snapshots__/CreateAction.test.tsx.snap
@@ -61,20 +61,20 @@ exports[`<CreateAction /> spec renders the component 1`] = `
         </p>
       </div>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <select
-                class="euiSelect euiSelect--fullWidth"
+                class="euiSelect euiSelect--fullWidth euiSelect--compressed"
                 data-test-subj="create-state-action-type"
                 id="some_html_id"
                 placeholder="Select action type"
@@ -201,20 +201,20 @@ exports[`<CreateAction /> spec renders the component 1`] = `
         </p>
       </div>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <input
-                class="euiFieldText euiFieldText--fullWidth"
+                class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                 data-test-subj="action-render-rollover-min-index-age"
                 id="some_html_id"
                 type="text"
@@ -248,20 +248,20 @@ exports[`<CreateAction /> spec renders the component 1`] = `
         </p>
       </div>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <input
-                class="euiFieldNumber euiFieldNumber--fullWidth"
+                class="euiFieldNumber euiFieldNumber--fullWidth euiFieldNumber--compressed"
                 data-test-subj="action-render-rollover-min-doc-count"
                 id="some_html_id"
                 type="number"
@@ -295,20 +295,20 @@ exports[`<CreateAction /> spec renders the component 1`] = `
         </p>
       </div>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <input
-                class="euiFieldText euiFieldText--fullWidth"
+                class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                 data-test-subj="action-render-rollover-min-size"
                 id="some_html_id"
                 type="text"
@@ -342,20 +342,20 @@ exports[`<CreateAction /> spec renders the component 1`] = `
         </p>
       </div>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <input
-                class="euiFieldText euiFieldText--fullWidth"
+                class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                 data-test-subj="action-render-rollover-min-primary-shard-size"
                 id="some_html_id"
                 type="text"
@@ -447,7 +447,7 @@ exports[`<CreateAction /> spec renders the component 1`] = `
                     </p>
                   </div>
                   <div
-                    class="euiFormRow euiFormRow--fullWidth"
+                    class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
                     id="some_html_id-row"
                   >
                     <div
@@ -461,13 +461,13 @@ exports[`<CreateAction /> spec renders the component 1`] = `
                           class="euiFlexItem"
                         >
                           <div
-                            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                           >
                             <div
                               class="euiFormControlLayout__childrenWrapper"
                             >
                               <input
-                                class="euiFieldText euiFieldText--fullWidth"
+                                class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                                 type="text"
                                 value=""
                               />
@@ -502,7 +502,7 @@ exports[`<CreateAction /> spec renders the component 1`] = `
                     </p>
                   </div>
                   <div
-                    class="euiFormRow euiFormRow--fullWidth"
+                    class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
                     id="some_html_id-row"
                   >
                     <div
@@ -516,13 +516,13 @@ exports[`<CreateAction /> spec renders the component 1`] = `
                           class="euiFlexItem"
                         >
                           <div
-                            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                           >
                             <div
                               class="euiFormControlLayout__childrenWrapper"
                             >
                               <input
-                                class="euiFieldNumber euiFieldNumber--fullWidth"
+                                class="euiFieldNumber euiFieldNumber--fullWidth euiFieldNumber--compressed"
                                 min="0"
                                 type="number"
                                 value=""
@@ -558,20 +558,20 @@ exports[`<CreateAction /> spec renders the component 1`] = `
                     </p>
                   </div>
                   <div
-                    class="euiFormRow euiFormRow--fullWidth"
+                    class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
                     id="some_html_id-row"
                   >
                     <div
                       class="euiFormRow__fieldWrapper"
                     >
                       <div
-                        class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                        class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                       >
                         <div
                           class="euiFormControlLayout__childrenWrapper"
                         >
                           <select
-                            class="euiSelect euiSelect--fullWidth"
+                            class="euiSelect euiSelect--fullWidth euiSelect--compressed"
                             id="some_html_id"
                           >
                             <option
@@ -628,7 +628,7 @@ exports[`<CreateAction /> spec renders the component 1`] = `
                     </p>
                   </div>
                   <div
-                    class="euiFormRow euiFormRow--fullWidth"
+                    class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
                     id="some_html_id-row"
                   >
                     <div
@@ -642,13 +642,13 @@ exports[`<CreateAction /> spec renders the component 1`] = `
                           class="euiFlexItem"
                         >
                           <div
-                            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
                           >
                             <div
                               class="euiFormControlLayout__childrenWrapper"
                             >
                               <input
-                                class="euiFieldText euiFieldText--fullWidth"
+                                class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                                 type="text"
                                 value=""
                               />
diff --git a/public/pages/VisualCreatePolicy/containers/CreateTransition/__snapshots__/CreateTransition.test.tsx.snap b/public/pages/VisualCreatePolicy/containers/CreateTransition/__snapshots__/CreateTransition.test.tsx.snap
index 834d09ad8..396ed43ba 100644
--- a/public/pages/VisualCreatePolicy/containers/CreateTransition/__snapshots__/CreateTransition.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/containers/CreateTransition/__snapshots__/CreateTransition.test.tsx.snap
@@ -61,7 +61,7 @@ exports[`<CreateTransition /> spec renders the component 1`] = `
         </p>
       </div>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
@@ -70,17 +70,17 @@ exports[`<CreateTransition /> spec renders the component 1`] = `
           <div
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="euiComboBox euiComboBox--fullWidth"
+            class="euiComboBox euiComboBox--compressed euiComboBox--fullWidth"
             role="combobox"
           >
             <div
-              class="euiFormControlLayout euiFormControlLayout--fullWidth"
+              class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <div
-                  class="euiComboBox__inputWrap euiComboBox__inputWrap--fullWidth euiComboBox__inputWrap--noWrap"
+                  class="euiComboBox__inputWrap euiComboBox__inputWrap--compressed euiComboBox__inputWrap--fullWidth euiComboBox__inputWrap--noWrap"
                   data-test-subj="comboBoxInput"
                   tabindex="-1"
                 >
@@ -147,20 +147,20 @@ exports[`<CreateTransition /> spec renders the component 1`] = `
         </p>
       </div>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <select
-                class="euiSelect euiSelect--fullWidth"
+                class="euiSelect euiSelect--fullWidth euiSelect--compressed"
                 data-test-subj="create-state-action-type"
                 id="some_html_id"
                 style="text-transform: capitalize;"
@@ -233,20 +233,20 @@ exports[`<CreateTransition /> spec renders the component 1`] = `
         </p>
       </div>
       <div
-        class="euiFormRow euiFormRow--fullWidth"
+        class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div
           class="euiFormRow__fieldWrapper"
         >
           <div
-            class="euiFormControlLayout euiFormControlLayout--fullWidth"
+            class="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--compressed"
           >
             <div
               class="euiFormControlLayout__childrenWrapper"
             >
               <input
-                class="euiFieldText euiFieldText--fullWidth"
+                class="euiFieldText euiFieldText--fullWidth euiFieldText--compressed"
                 data-test-subj="transition-render-conditions-min-index-age"
                 id="some_html_id"
                 type="text"
diff --git a/public/pages/VisualCreatePolicy/containers/ErrorNotification/__snapshots__/ErrorNotification.test.tsx.snap b/public/pages/VisualCreatePolicy/containers/ErrorNotification/__snapshots__/ErrorNotification.test.tsx.snap
index 71c619239..1544d1b03 100644
--- a/public/pages/VisualCreatePolicy/containers/ErrorNotification/__snapshots__/ErrorNotification.test.tsx.snap
+++ b/public/pages/VisualCreatePolicy/containers/ErrorNotification/__snapshots__/ErrorNotification.test.tsx.snap
@@ -104,20 +104,20 @@ exports[`<ErrorNotification /> spec renders the component 1`] = `
           class="euiFlexItem"
         >
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="some_html_id-row"
           >
             <div
               class="euiFormRow__fieldWrapper"
             >
               <div
-                class="euiFormControlLayout"
+                class="euiFormControlLayout euiFormControlLayout--compressed"
               >
                 <div
                   class="euiFormControlLayout__childrenWrapper"
                 >
                   <select
-                    class="euiSelect euiSelect-isLoading"
+                    class="euiSelect euiSelect--compressed euiSelect-isLoading"
                     data-test-subj="create-policy-notification-channel-id"
                     id="some_html_id"
                     placeholder="Select channel ID"
@@ -152,7 +152,7 @@ exports[`<ErrorNotification /> spec renders the component 1`] = `
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
           <button
-            class="euiButton euiButton--primary euiButton-isDisabled refresh-button"
+            class="euiButton euiButton--primary euiButton--small euiButton-isDisabled refresh-button"
             data-test-subj="channel-notification-refresh"
             disabled=""
             type="button"
@@ -171,7 +171,7 @@ exports[`<ErrorNotification /> spec renders the component 1`] = `
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
           <a
-            class="euiButton euiButton--primary"
+            class="euiButton euiButton--primary euiButton--small"
             href="notifications-dashboards#/channels"
             rel="noopener noreferrer"
             target="_blank"
@@ -213,7 +213,7 @@ exports[`<ErrorNotification /> spec renders the component 1`] = `
         </p>
       </div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="some_html_id-row"
       >
         <div