From ff37ada3bedcc9bb1d9235436c6a3e301aaacaa8 Mon Sep 17 00:00:00 2001
From: Miki <miki@amazon.com>
Date: Mon, 19 Aug 2024 12:10:16 -0700
Subject: [PATCH] Use smaller and compressed varients of buttons and form
 components (#398)

Signed-off-by: Miki <miki@amazon.com>
Signed-off-by: Shenoy Pratik <sgguruda@amazon.com>
Co-authored-by: Zhongnan Su <szhongna@amazon.com>
Co-authored-by: Shenoy Pratik <sgguruda@amazon.com>
---
 package.json                                  |   4 +-
 .../components/context_menu/context_menu.js   |   2 +-
 .../__snapshots__/main.test.tsx.snap          |  32 +-
 .../report_definitions_table.test.tsx.snap    |   2 +-
 .../main/loading_modal/loading_modal.tsx      |   1 -
 public/components/main/main.tsx               |  14 +-
 .../report_definition_details.test.tsx.snap   |  18 +-
 .../report_definition_details.tsx             |  20 +-
 .../main/report_definitions_table.tsx         |   6 +-
 public/components/main/reports_table.tsx      |   1 -
 .../create/create_report_definition.tsx       |  12 +-
 .../report_definitions/delivery/delivery.tsx  |  36 +-
 .../edit/edit_report_definition.tsx           |  12 +-
 .../report_settings.test.tsx.snap             | 592 +++++++++---------
 .../__tests__/report_settings.test.tsx        |  10 +-
 .../report_settings/report_settings.tsx       |  76 +--
 .../report_settings/time_range.tsx            |  10 +-
 .../report_trigger.test.tsx.snap              |  36 +-
 .../report_trigger/report_trigger.tsx         |  76 +--
 .../report_trigger/timezone.tsx               |   8 +-
 yarn.lock                                     | 199 +++---
 21 files changed, 575 insertions(+), 592 deletions(-)

diff --git a/package.json b/package.json
index 7968106d..a92e9297 100644
--- a/package.json
+++ b/package.json
@@ -20,14 +20,14 @@
   "dependencies": {
     "babel-polyfill": "^6.26.0",
     "cron-validator": "^1.1.1",
-    "dompurify": "^2.4.1",
+    "dompurify": "^3.0.11",
     "elastic-builder": "^2.7.1",
     "enzyme-adapter-react-16": "^1.15.5",
     "exceljs": "^4.4.0",
     "html2canvas": "1.4.1",
     "jest-fetch-mock": "^3.0.3",
     "jquery": "^3.5.0",
-    "jsdom": "18.0.0",
+    "jsdom": "^21.1.2",
     "json-2-csv": "^3.20.0",
     "jspdf": "^2.5.1",
     "react-addons-test-utils": "^15.6.2",
diff --git a/public/components/context_menu/context_menu.js b/public/components/context_menu/context_menu.js
index ff178260..af587ed6 100644
--- a/public/components/context_menu/context_menu.js
+++ b/public/components/context_menu/context_menu.js
@@ -211,7 +211,7 @@ $(function () {
       $('#reportGenerationProgressModal').remove();
     });
 
-    // close modal with the close EuiButton
+    // close modal with the close EuiSmallButton
     $(document).on('click', '#closeReportGenerationModalButton', function () {
       $('#reportGenerationProgressModal').remove();
     });
diff --git a/public/components/main/__tests__/__snapshots__/main.test.tsx.snap b/public/components/main/__tests__/__snapshots__/main.test.tsx.snap
index 3916766d..fb5284a8 100644
--- a/public/components/main/__tests__/__snapshots__/main.test.tsx.snap
+++ b/public/components/main/__tests__/__snapshots__/main.test.tsx.snap
@@ -29,7 +29,7 @@ exports[`<Main /> panel render component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -522,7 +522,7 @@ exports[`<Main /> panel render component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -554,7 +554,7 @@ exports[`<Main /> panel render component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           id="createReportHomepageButton"
           type="button"
         >
@@ -912,7 +912,7 @@ exports[`<Main /> panel render component 1`] = `
                           />
                           <div>
                             <button
-                              class="euiButton euiButton--primary"
+                              class="euiButton euiButton--primary euiButton--small"
                               type="button"
                             >
                               <span
@@ -975,7 +975,7 @@ exports[`<Main /> panel render component after create success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -1470,7 +1470,7 @@ exports[`<Main /> panel render component after create success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -1502,7 +1502,7 @@ exports[`<Main /> panel render component after create success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           id="createReportHomepageButton"
           type="button"
         >
@@ -1860,7 +1860,7 @@ exports[`<Main /> panel render component after create success 1`] = `
                           />
                           <div>
                             <button
-                              class="euiButton euiButton--primary"
+                              class="euiButton euiButton--primary euiButton--small"
                               type="button"
                             >
                               <span
@@ -1980,7 +1980,7 @@ exports[`<Main /> panel render component after delete success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -2475,7 +2475,7 @@ exports[`<Main /> panel render component after delete success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -2507,7 +2507,7 @@ exports[`<Main /> panel render component after delete success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           id="createReportHomepageButton"
           type="button"
         >
@@ -2865,7 +2865,7 @@ exports[`<Main /> panel render component after delete success 1`] = `
                           />
                           <div>
                             <button
-                              class="euiButton euiButton--primary"
+                              class="euiButton euiButton--primary euiButton--small"
                               type="button"
                             >
                               <span
@@ -2986,7 +2986,7 @@ exports[`<Main /> panel render component after edit success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -3481,7 +3481,7 @@ exports[`<Main /> panel render component after edit success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -3513,7 +3513,7 @@ exports[`<Main /> panel render component after edit success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           id="createReportHomepageButton"
           type="button"
         >
@@ -3871,7 +3871,7 @@ exports[`<Main /> panel render component after edit success 1`] = `
                           />
                           <div>
                             <button
-                              class="euiButton euiButton--primary"
+                              class="euiButton euiButton--primary euiButton--small"
                               type="button"
                             >
                               <span
diff --git a/public/components/main/__tests__/__snapshots__/report_definitions_table.test.tsx.snap b/public/components/main/__tests__/__snapshots__/report_definitions_table.test.tsx.snap
index a37a9c45..6383662f 100644
--- a/public/components/main/__tests__/__snapshots__/report_definitions_table.test.tsx.snap
+++ b/public/components/main/__tests__/__snapshots__/report_definitions_table.test.tsx.snap
@@ -954,7 +954,7 @@ exports[`<ReportDefinitions /> panel render empty table 1`] = `
                       />
                       <div>
                         <button
-                          class="euiButton euiButton--primary"
+                          class="euiButton euiButton--primary euiButton--small"
                           type="button"
                         >
                           <span
diff --git a/public/components/main/loading_modal/loading_modal.tsx b/public/components/main/loading_modal/loading_modal.tsx
index 61c53968..7e2c8878 100644
--- a/public/components/main/loading_modal/loading_modal.tsx
+++ b/public/components/main/loading_modal/loading_modal.tsx
@@ -14,7 +14,6 @@ import {
   EuiFlexGroup,
   EuiFlexItem,
   EuiLoadingSpinner,
-  EuiButton,
 } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
 import React, { useState } from 'react';
diff --git a/public/components/main/main.tsx b/public/components/main/main.tsx
index bfbb8cb9..8d1f4471 100644
--- a/public/components/main/main.tsx
+++ b/public/components/main/main.tsx
@@ -8,7 +8,7 @@ import { i18n } from '@osd/i18n';
 import {
   EuiFlexGroup,
   EuiFlexItem,
-  EuiButton,
+  EuiSmallButton,
   EuiTitle,
   // @ts-ignore
   EuiHorizontalRule,
@@ -285,7 +285,7 @@ export function Main(props) {
             </EuiTitle>
           </EuiFlexItem>
           <EuiFlexItem component="span" grow={false}>
-            <EuiButton
+            <EuiSmallButton
               onClick={refreshReportsTable}
               iconSide="left"
               iconType="refresh"
@@ -294,7 +294,7 @@ export function Main(props) {
                 'opensearch.reports.main.reports.button.refresh',
                 { defaultMessage: 'Refresh' }
               )}
-            </EuiButton>
+            </EuiSmallButton>
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiHorizontalRule />
@@ -325,7 +325,7 @@ export function Main(props) {
             </EuiTitle>
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
-            <EuiButton
+            <EuiSmallButton
               onClick={refreshReportsDefinitionsTable}
               iconSide="left"
               iconType="refresh"
@@ -334,10 +334,10 @@ export function Main(props) {
                 'opensearch.reports.main.reportDefinitions.button.refresh',
                 { defaultMessage: 'Refresh' }
               )}
-            </EuiButton>
+            </EuiSmallButton>
           </EuiFlexItem>
           <EuiFlexItem component="span" grow={false}>
-            <EuiButton
+            <EuiSmallButton
               fill={true}
               onClick={() => {
                 window.location.assign('reports-dashboards#/create');
@@ -348,7 +348,7 @@ export function Main(props) {
                 'opensearch.reports.main.reportDefinitions.button.create',
                 { defaultMessage: 'Create' }
               )}
-            </EuiButton>
+            </EuiSmallButton>
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiHorizontalRule />
diff --git a/public/components/main/report_definition_details/__tests__/__snapshots__/report_definition_details.test.tsx.snap b/public/components/main/report_definition_details/__tests__/__snapshots__/report_definition_details.test.tsx.snap
index 7bf41540..4584b2ba 100644
--- a/public/components/main/report_definition_details/__tests__/__snapshots__/report_definition_details.test.tsx.snap
+++ b/public/components/main/report_definition_details/__tests__/__snapshots__/report_definition_details.test.tsx.snap
@@ -44,7 +44,7 @@ exports[`<ReportDefinitionDetails /> panel render 5 hours recurring definition d
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--danger"
+              class="euiButton euiButton--danger euiButton--small"
               id="deleteReportDefinitionButton"
               type="button"
             >
@@ -63,7 +63,7 @@ exports[`<ReportDefinitionDetails /> panel render 5 hours recurring definition d
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary"
+              class="euiButton euiButton--primary euiButton--small"
               id="changeStatusFromDetailsButton"
               type="button"
             >
@@ -82,7 +82,7 @@ exports[`<ReportDefinitionDetails /> panel render 5 hours recurring definition d
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               id="editReportDefinitionButton"
               type="button"
             >
@@ -457,7 +457,7 @@ exports[`<ReportDefinitionDetails /> panel render disabled daily definition, cli
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--danger"
+              class="euiButton euiButton--danger euiButton--small"
               id="deleteReportDefinitionButton"
               type="button"
             >
@@ -476,7 +476,7 @@ exports[`<ReportDefinitionDetails /> panel render disabled daily definition, cli
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary"
+              class="euiButton euiButton--primary euiButton--small"
               id="changeStatusFromDetailsButton"
               type="button"
             >
@@ -495,7 +495,7 @@ exports[`<ReportDefinitionDetails /> panel render disabled daily definition, cli
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               id="editReportDefinitionButton"
               type="button"
             >
@@ -870,7 +870,7 @@ exports[`<ReportDefinitionDetails /> panel render on demand definition details 1
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--danger"
+              class="euiButton euiButton--danger euiButton--small"
               id="deleteReportDefinitionButton"
               type="button"
             >
@@ -889,7 +889,7 @@ exports[`<ReportDefinitionDetails /> panel render on demand definition details 1
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary"
+              class="euiButton euiButton--primary euiButton--small"
               id="changeStatusFromDetailsButton"
               type="button"
             >
@@ -908,7 +908,7 @@ exports[`<ReportDefinitionDetails /> panel render on demand definition details 1
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <button
-              class="euiButton euiButton--primary euiButton--fill"
+              class="euiButton euiButton--primary euiButton--small euiButton--fill"
               id="editReportDefinitionButton"
               type="button"
             >
diff --git a/public/components/main/report_definition_details/report_definition_details.tsx b/public/components/main/report_definition_details/report_definition_details.tsx
index 2d44dfd2..531b42a8 100644
--- a/public/components/main/report_definition_details/report_definition_details.tsx
+++ b/public/components/main/report_definition_details/report_definition_details.tsx
@@ -16,7 +16,7 @@ import {
   EuiHorizontalRule,
   EuiSpacer,
   EuiPageHeaderSection,
-  EuiButton,
+  EuiSmallButton,
   EuiIcon,
   EuiLink,
   EuiGlobalToastList,
@@ -562,12 +562,12 @@ export function ReportDefinitionDetails(props: { match?: any; setBreadcrumbs?: a
       reportDefinitionDetails.status === 'Active' ? 'Disable' : 'Enable';
 
     return (
-      <EuiButton
+      <EuiSmallButton
         onClick={() => changeScheduledReportDefinitionStatus(status)}
         id={'changeStatusFromDetailsButton'}
       >
         {status}
-      </EuiButton>
+      </EuiSmallButton>
     );
   };
 
@@ -609,12 +609,12 @@ export function ReportDefinitionDetails(props: { match?: any; setBreadcrumbs?: a
 
   const showActionButton =
     reportDefinitionDetails.triggerType === ON_DEMAND ? (
-      <EuiButton
+      <EuiSmallButton
         onClick={() => generateReportFromDetails()}
         id={'generateReportFromDetailsButton'}
       >
         Generate report
-      </EuiButton>
+      </EuiSmallButton>
     ) : (
       <ScheduledDefinitionStatus />
     );
@@ -653,7 +653,7 @@ export function ReportDefinitionDetails(props: { match?: any; setBreadcrumbs?: a
           )}
           reportDetailsComponentContent={reportDefinitionDetails.status}
         />
-        <ReportDetailsComponent 
+        <ReportDetailsComponent
           reportDetailsComponentTitle={''}
           reportDetailsComponentContent={''}
         />
@@ -697,7 +697,7 @@ export function ReportDefinitionDetails(props: { match?: any; setBreadcrumbs?: a
               gutterSize="l"
             >
               <EuiFlexItem grow={false}>
-                <EuiButton
+                <EuiSmallButton
                   color={'danger'}
                   onClick={(show: any) => handleShowDeleteModal(show)}
                   id={'deleteReportDefinitionButton'}
@@ -706,11 +706,11 @@ export function ReportDefinitionDetails(props: { match?: any; setBreadcrumbs?: a
                     'opensearch.reports.reportDefinitionsDetails.deleteReportDefinitionButton',
                     { defaultMessage: 'Delete' }
                   )}
-                </EuiButton>
+                </EuiSmallButton>
               </EuiFlexItem>
               <EuiFlexItem grow={false}>{showActionButton}</EuiFlexItem>
               <EuiFlexItem grow={false}>
-                <EuiButton
+                <EuiSmallButton
                   fill={true}
                   onClick={() => {
                     window.location.assign(
@@ -723,7 +723,7 @@ export function ReportDefinitionDetails(props: { match?: any; setBreadcrumbs?: a
                     'opensearch.reports.reportDefinitionsDetails.editReportDefinitionButton',
                     { defaultMessage: 'Edit' }
                   )}
-                </EuiButton>
+                </EuiSmallButton>
               </EuiFlexItem>
             </EuiFlexGroup>
           </EuiPageHeader>
diff --git a/public/components/main/report_definitions_table.tsx b/public/components/main/report_definitions_table.tsx
index b0d255b3..3f0c3b98 100644
--- a/public/components/main/report_definitions_table.tsx
+++ b/public/components/main/report_definitions_table.tsx
@@ -7,7 +7,7 @@ import React, { useState } from 'react';
 import {
   EuiLink,
   EuiInMemoryTable,
-  EuiButton,
+  EuiSmallButton,
   EuiEmptyPrompt,
   EuiText,
   EuiIcon,
@@ -57,7 +57,7 @@ const emptyMessageReportDefinitions = (
     }
     actions={
       <div>
-        <EuiButton
+        <EuiSmallButton
           onClick={() => {
             window.location.assign('reports-dashboards#/create');
           }}
@@ -66,7 +66,7 @@ const emptyMessageReportDefinitions = (
             'opensearch.reports.reportDefinitionsTable.emptyMessageReports.createReportDefinition',
             { defaultMessage: 'Create report definition' }
           )}
-        </EuiButton>
+        </EuiSmallButton>
       </div>
     }
   />
diff --git a/public/components/main/reports_table.tsx b/public/components/main/reports_table.tsx
index 90b85563..4e3f46c0 100644
--- a/public/components/main/reports_table.tsx
+++ b/public/components/main/reports_table.tsx
@@ -6,7 +6,6 @@
 import React, { Fragment, useState } from 'react';
 import { i18n } from '@osd/i18n';
 import {
-  EuiButton,
   // @ts-ignore
   EuiLink,
   EuiText,
diff --git a/public/components/report_definitions/create/create_report_definition.tsx b/public/components/report_definitions/create/create_report_definition.tsx
index 5c14cfda..3d0f2f59 100644
--- a/public/components/report_definitions/create/create_report_definition.tsx
+++ b/public/components/report_definitions/create/create_report_definition.tsx
@@ -6,11 +6,11 @@
 import React, { useEffect, useState } from 'react';
 import { i18n } from '@osd/i18n';
 import {
-  EuiButtonEmpty,
+  EuiSmallButtonEmpty,
   EuiFlexGroup,
   EuiFlexItem,
   EuiGlobalToastList,
-  EuiButton,
+  EuiSmallButton,
   EuiTitle,
   EuiPageBody,
   EuiSpacer,
@@ -324,7 +324,7 @@ export function CreateReport(props: { [x: string]: any; setBreadcrumbs?: any; ht
         <EuiSpacer />
         <EuiFlexGroup justifyContent="flexEnd">
           <EuiFlexItem grow={false}>
-            <EuiButtonEmpty
+            <EuiSmallButtonEmpty
               onClick={() => {
                 window.location.assign(`reports-dashboards#/`);
               }}
@@ -333,10 +333,10 @@ export function CreateReport(props: { [x: string]: any; setBreadcrumbs?: any; ht
                 'opensearch.reports.createReportDefinition.cancel',
                 { defaultMessage: 'Cancel' }
               )}
-            </EuiButtonEmpty>
+            </EuiSmallButtonEmpty>
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
-            <EuiButton
+            <EuiSmallButton
               fill={true}
               onClick={() =>
                 createNewReportDefinition(
@@ -350,7 +350,7 @@ export function CreateReport(props: { [x: string]: any; setBreadcrumbs?: any; ht
                 'opensearch.reports.createReportDefinition.create',
                 { defaultMessage: 'Create' }
               )}
-            </EuiButton>
+            </EuiSmallButton>
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiGlobalToastList
diff --git a/public/components/report_definitions/delivery/delivery.tsx b/public/components/report_definitions/delivery/delivery.tsx
index b3ab50f3..18bef26a 100644
--- a/public/components/report_definitions/delivery/delivery.tsx
+++ b/public/components/report_definitions/delivery/delivery.tsx
@@ -5,17 +5,17 @@
 
 import React, { useEffect, useState } from 'react';
 import {
-  EuiFormRow,
+  EuiCompressedFormRow,
   EuiPageHeader,
   EuiTitle,
   EuiPageContent,
   EuiPageContentBody,
   EuiHorizontalRule,
   EuiSpacer,
-  EuiCheckbox,
-  EuiComboBox,
-  EuiFieldText,
-  EuiButton,
+  EuiCompressedCheckbox,
+  EuiCompressedComboBox,
+  EuiCompressedFieldText,
+  EuiSmallButton,
 } from '@elastic/eui';
 import CSS from 'csstype';
 import {
@@ -276,12 +276,12 @@ export function ReportDelivery(props: ReportDeliveryProps) {
   const showNotificationsBody = sendNotification ? (
     <div>
       <EuiSpacer />
-      <EuiFormRow
+      <EuiCompressedFormRow
         label="Channels"
         isInvalid={showDeliveryChannelError}
         error={deliveryChannelError}
       >
-        <EuiComboBox
+        <EuiCompressedComboBox
           id="notificationsChannelSelect"
           placeholder={'Select channels'}
           options={channels}
@@ -289,24 +289,24 @@ export function ReportDelivery(props: ReportDeliveryProps) {
           onChange={handleSelectedChannels}
           isClearable={true}
         />
-      </EuiFormRow>
+      </EuiCompressedFormRow>
       <EuiSpacer />
-      <EuiFormRow
+      <EuiCompressedFormRow
         label="Notification subject"
         helpText="Required if at least one channel type is Email."
         isInvalid={showDeliverySubjectError}
         error={deliverySubjectError}
         style={styles}
       >
-        <EuiFieldText
+        <EuiCompressedFieldText
           placeholder={'Enter notification message subject'}
           fullWidth={true}
           value={notificationSubject}
           onChange={handleNotificationSubject}
         />
-      </EuiFormRow>
+      </EuiCompressedFormRow>
       <EuiSpacer />
-      <EuiFormRow
+      <EuiCompressedFormRow
         label="Notification message"
         helpText="Embed variables in your message using Markdown."
         isInvalid={showDeliveryTextError}
@@ -326,13 +326,13 @@ export function ReportDelivery(props: ReportDeliveryProps) {
             Promise.resolve(converter.makeHtml(markdown))
           }
         />
-      </EuiFormRow>
+      </EuiCompressedFormRow>
       <EuiSpacer />
-      <EuiFormRow helpText={testMessageConfirmation} fullWidth={true}>
-        <EuiButton onClick={sendTestNotificationsMessage}>
+      <EuiCompressedFormRow helpText={testMessageConfirmation} fullWidth={true}>
+        <EuiSmallButton onClick={sendTestNotificationsMessage}>
           Send test message
-        </EuiButton>
-      </EuiFormRow>
+        </EuiSmallButton>
+      </EuiCompressedFormRow>
     </div>
   ) : null;
 
@@ -345,7 +345,7 @@ export function ReportDelivery(props: ReportDeliveryProps) {
       </EuiPageHeader>
       <EuiHorizontalRule />
       <EuiPageContentBody>
-        <EuiCheckbox
+        <EuiCompressedCheckbox
           id="notificationsDeliveryCheckbox"
           label="Send notification when report is available"
           checked={sendNotification}
diff --git a/public/components/report_definitions/edit/edit_report_definition.tsx b/public/components/report_definitions/edit/edit_report_definition.tsx
index 3e876931..1370dd72 100644
--- a/public/components/report_definitions/edit/edit_report_definition.tsx
+++ b/public/components/report_definitions/edit/edit_report_definition.tsx
@@ -6,10 +6,10 @@
 import React, { useEffect, useState } from 'react';
 import { i18n } from '@osd/i18n';
 import {
-  EuiButtonEmpty,
+  EuiSmallButtonEmpty,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiButton,
+  EuiSmallButton,
   EuiPage,
   EuiTitle,
   EuiPageBody,
@@ -318,7 +318,7 @@ export function EditReportDefinition(props: { [x: string]: any; setBreadcrumbs?:
         <EuiSpacer />
         <EuiFlexGroup justifyContent="flexEnd">
           <EuiFlexItem grow={false}>
-            <EuiButtonEmpty
+            <EuiSmallButtonEmpty
               onClick={() => {
                 window.location.assign('reports-dashboards#/');
               }}
@@ -327,10 +327,10 @@ export function EditReportDefinition(props: { [x: string]: any; setBreadcrumbs?:
                 'opensearch.reports.editReportDefinition.cancel',
                 { defaultMessage: 'Cancel' }
               )}
-            </EuiButtonEmpty>
+            </EuiSmallButtonEmpty>
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
-            <EuiButton
+            <EuiSmallButton
               fill
               onClick={() => editReportDefinition(editReportDefinitionRequest)}
               id={'editReportDefinitionButton'}
@@ -338,7 +338,7 @@ export function EditReportDefinition(props: { [x: string]: any; setBreadcrumbs?:
               {i18n.translate('opensearch.reports.editReportDefinition.save', {
                 defaultMessage: 'Save Changes',
               })}
-            </EuiButton>
+            </EuiSmallButton>
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiGlobalToastList
diff --git a/public/components/report_definitions/report_settings/__tests__/__snapshots__/report_settings.test.tsx.snap b/public/components/report_definitions/report_settings/__tests__/__snapshots__/report_settings.test.tsx.snap
index 5c67016b..c07a3ffe 100644
--- a/public/components/report_definitions/report_settings/__tests__/__snapshots__/report_settings.test.tsx.snap
+++ b/public/components/report_definitions/report_settings/__tests__/__snapshots__/report_settings.test.tsx.snap
@@ -27,7 +27,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsName-row"
         >
           <div
@@ -45,14 +45,14 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="reportSettingsName-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="reportSettingsName"
                   placeholder="Report name (e.g Log Traffic Daily Report)"
                   type="text"
@@ -78,7 +78,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsDescription-row"
         >
           <div
@@ -95,10 +95,10 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <textarea
-              class="euiTextArea euiTextArea--resizeVertical"
+              class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
               id="reportSettingsDescription"
               placeholder="Describe this report (e.g Morning daily reports for log traffic)"
-              rows="6"
+              rows="3"
             />
           </div>
         </div>
@@ -108,7 +108,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="random_html_id-row"
     >
       <div
@@ -128,7 +128,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
           id="random_html_id"
         >
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               checked=""
@@ -148,7 +148,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -167,7 +167,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -186,7 +186,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -212,7 +212,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportSourceDashboardSelect-row"
       >
         <div
@@ -231,17 +231,17 @@ exports[`<ReportSettings /> panel dashboard create from in-context 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"
                 >
@@ -278,7 +278,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                       focusable="false"
                       height="16"
                       role="img"
@@ -306,7 +306,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -330,7 +330,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
                   class="euiFlexItem"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                    class="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
                   >
                     <div
                       class="euiPopover euiPopover--anchorDownLeft"
@@ -392,13 +392,13 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
                         class="euiDatePickerRange euiDatePickerRange--inGroup"
                       >
                         <div
-                          class="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiSuperDatePicker__startPopoverButton"
+                          class="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiSuperDatePicker__startPopoverButton euiSuperDatePicker__startPopoverButton--compressed"
                         >
                           <div
                             class="euiPopover__anchor"
                           >
                             <button
-                              class="euiDatePopoverButton euiDatePopoverButton--start"
+                              class="euiDatePopoverButton euiDatePopoverButton--start euiDatePopoverButton-compressed"
                               data-test-subj="superDatePickerstartDatePopoverButton"
                               title="2020-10-26T20:52:56.382Z"
                             >
@@ -422,7 +422,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
                             class="euiPopover__anchor"
                           >
                             <button
-                              class="euiDatePopoverButton euiDatePopoverButton--end"
+                              class="euiDatePopoverButton euiDatePopoverButton--end euiDatePopoverButton-compressed"
                               data-test-subj="superDatePickerendDatePopoverButton"
                               title="2020-10-27T20:52:56.384Z"
                             >
@@ -460,7 +460,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -480,7 +480,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
                 id="random_html_id"
               >
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     checked=""
@@ -500,7 +500,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
                   </label>
                 </div>
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     class="euiRadio__input"
@@ -529,12 +529,12 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
       <div>
         <fieldset>
           <legend
-            class="euiFormLegend"
+            class="euiFormLegend euiFormLegend--compressed"
           >
             Report header and footer
           </legend>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -552,7 +552,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -574,7 +574,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
           class="euiSpacer euiSpacer--l"
         />
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="random_html_id-row"
         >
           <div
@@ -841,7 +841,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
           </div>
         </div>
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="random_html_id-row"
         >
           <div
@@ -1114,7 +1114,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportDefinitionTriggerTypes-row"
       >
         <div
@@ -1134,7 +1134,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
             id="reportDefinitionTriggerTypes"
           >
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -1154,7 +1154,7 @@ exports[`<ReportSettings /> panel dashboard create from in-context 1`] = `
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -1210,7 +1210,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsName-row"
         >
           <div
@@ -1228,14 +1228,14 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="reportSettingsName-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="reportSettingsName"
                   placeholder="Report name (e.g Log Traffic Daily Report)"
                   type="text"
@@ -1261,7 +1261,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsDescription-row"
         >
           <div
@@ -1278,10 +1278,10 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <textarea
-              class="euiTextArea euiTextArea--resizeVertical"
+              class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
               id="reportSettingsDescription"
               placeholder="Describe this report (e.g Morning daily reports for log traffic)"
-              rows="6"
+              rows="3"
             />
           </div>
         </div>
@@ -1291,7 +1291,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="random_html_id-row"
     >
       <div
@@ -1311,7 +1311,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
           id="random_html_id"
         >
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               checked=""
@@ -1331,7 +1331,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -1350,7 +1350,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -1369,7 +1369,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -1395,7 +1395,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportSourceDashboardSelect-row"
       >
         <div
@@ -1414,17 +1414,17 @@ exports[`<ReportSettings /> panel display errors on create 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"
                 >
@@ -1461,7 +1461,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                       focusable="false"
                       height="16"
                       role="img"
@@ -1489,7 +1489,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -1513,7 +1513,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
                   class="euiFlexItem"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                    class="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
                   >
                     <div
                       class="euiPopover euiPopover--anchorDownLeft"
@@ -1575,13 +1575,13 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
                         class="euiDatePickerRange euiDatePickerRange--inGroup"
                       >
                         <div
-                          class="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiSuperDatePicker__startPopoverButton"
+                          class="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiSuperDatePicker__startPopoverButton euiSuperDatePicker__startPopoverButton--compressed"
                         >
                           <div
                             class="euiPopover__anchor"
                           >
                             <button
-                              class="euiDatePopoverButton euiDatePopoverButton--start"
+                              class="euiDatePopoverButton euiDatePopoverButton--start euiDatePopoverButton-compressed"
                               data-test-subj="superDatePickerstartDatePopoverButton"
                               title="2020-10-26T20:52:56.382Z"
                             >
@@ -1605,7 +1605,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
                             class="euiPopover__anchor"
                           >
                             <button
-                              class="euiDatePopoverButton euiDatePopoverButton--end"
+                              class="euiDatePopoverButton euiDatePopoverButton--end euiDatePopoverButton-compressed"
                               data-test-subj="superDatePickerendDatePopoverButton"
                               title="2020-10-27T20:52:56.384Z"
                             >
@@ -1650,7 +1650,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -1670,7 +1670,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
                 id="random_html_id"
               >
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     checked=""
@@ -1690,7 +1690,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
                   </label>
                 </div>
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     class="euiRadio__input"
@@ -1719,12 +1719,12 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
       <div>
         <fieldset>
           <legend
-            class="euiFormLegend"
+            class="euiFormLegend euiFormLegend--compressed"
           >
             Report header and footer
           </legend>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -1742,7 +1742,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
             </label>
           </div>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -1764,7 +1764,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
           class="euiSpacer euiSpacer--l"
         />
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="random_html_id-row"
         >
           <div
@@ -2031,7 +2031,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
           </div>
         </div>
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="random_html_id-row"
         >
           <div
@@ -2304,7 +2304,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportDefinitionTriggerTypes-row"
       >
         <div
@@ -2324,7 +2324,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
             id="reportDefinitionTriggerTypes"
           >
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -2344,7 +2344,7 @@ exports[`<ReportSettings /> panel display errors on create 1`] = `
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -2400,7 +2400,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsName-row"
         >
           <div
@@ -2418,14 +2418,14 @@ exports[`<ReportSettings /> panel render component 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="reportSettingsName-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="reportSettingsName"
                   placeholder="Report name (e.g Log Traffic Daily Report)"
                   type="text"
@@ -2451,7 +2451,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsDescription-row"
         >
           <div
@@ -2468,10 +2468,10 @@ exports[`<ReportSettings /> panel render component 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <textarea
-              class="euiTextArea euiTextArea--resizeVertical"
+              class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
               id="reportSettingsDescription"
               placeholder="Describe this report (e.g Morning daily reports for log traffic)"
-              rows="6"
+              rows="3"
             />
           </div>
         </div>
@@ -2481,7 +2481,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="random_html_id-row"
     >
       <div
@@ -2501,7 +2501,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
           id="random_html_id"
         >
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               checked=""
@@ -2521,7 +2521,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -2540,7 +2540,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -2559,7 +2559,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -2585,7 +2585,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportSourceDashboardSelect-row"
       >
         <div
@@ -2604,17 +2604,17 @@ exports[`<ReportSettings /> panel 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"
                 >
@@ -2651,7 +2651,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                      class="euiIcon euiIcon--small euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
                       focusable="false"
                       height="16"
                       role="img"
@@ -2678,7 +2678,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -2702,7 +2702,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
                   class="euiFlexItem"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                    class="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
                   >
                     <div
                       class="euiPopover euiPopover--anchorDownLeft"
@@ -2762,7 +2762,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
                         class="euiDatePickerRange euiDatePickerRange--inGroup"
                       >
                         <button
-                          class="euiSuperDatePicker__prettyFormat"
+                          class="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
                           data-test-subj="superDatePickerShowDatesButton"
                         >
                           Last 30 minutes
@@ -2802,7 +2802,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -2822,7 +2822,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
                 id="random_html_id"
               >
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     checked=""
@@ -2842,7 +2842,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
                   </label>
                 </div>
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     class="euiRadio__input"
@@ -2871,12 +2871,12 @@ exports[`<ReportSettings /> panel render component 1`] = `
       <div>
         <fieldset>
           <legend
-            class="euiFormLegend"
+            class="euiFormLegend euiFormLegend--compressed"
           >
             Report header and footer
           </legend>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -2894,7 +2894,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
             </label>
           </div>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -2922,7 +2922,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportDefinitionTriggerTypes-row"
       >
         <div
@@ -2942,7 +2942,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
             id="reportDefinitionTriggerTypes"
           >
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -2962,7 +2962,7 @@ exports[`<ReportSettings /> panel render component 1`] = `
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -3018,7 +3018,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsName-row"
         >
           <div
@@ -3036,14 +3036,14 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="reportSettingsName-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="reportSettingsName"
                   placeholder="Report name (e.g Log Traffic Daily Report)"
                   type="text"
@@ -3069,7 +3069,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsDescription-row"
         >
           <div
@@ -3086,10 +3086,10 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <textarea
-              class="euiTextArea euiTextArea--resizeVertical"
+              class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
               id="reportSettingsDescription"
               placeholder="Describe this report (e.g Morning daily reports for log traffic)"
-              rows="6"
+              rows="3"
             />
           </div>
         </div>
@@ -3099,7 +3099,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="random_html_id-row"
     >
       <div
@@ -3119,7 +3119,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
           id="random_html_id"
         >
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               checked=""
@@ -3140,7 +3140,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -3160,7 +3160,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -3180,7 +3180,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -3207,7 +3207,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportSourceDashboardSelect-row"
       >
         <div
@@ -3226,17 +3226,17 @@ exports[`<ReportSettings /> panel render edit, dashboard source 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"
                 >
@@ -3273,7 +3273,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                       focusable="false"
                       height="16"
                       role="img"
@@ -3301,7 +3301,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -3325,7 +3325,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
                   class="euiFlexItem"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                    class="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
                   >
                     <div
                       class="euiPopover euiPopover--anchorDownLeft"
@@ -3387,7 +3387,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
                         class="euiDatePickerRange euiDatePickerRange--inGroup"
                       >
                         <button
-                          class="euiSuperDatePicker__prettyFormat"
+                          class="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
                           data-test-subj="superDatePickerShowDatesButton"
                         >
                           Last 30 minutes
@@ -3427,7 +3427,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -3447,7 +3447,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
                 id="random_html_id"
               >
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     checked=""
@@ -3467,7 +3467,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
                   </label>
                 </div>
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     class="euiRadio__input"
@@ -3496,12 +3496,12 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
       <div>
         <fieldset>
           <legend
-            class="euiFormLegend"
+            class="euiFormLegend euiFormLegend--compressed"
           >
             Report header and footer
           </legend>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -3519,7 +3519,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
             </label>
           </div>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -3547,7 +3547,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportDefinitionTriggerTypes-row"
       >
         <div
@@ -3567,7 +3567,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
             id="reportDefinitionTriggerTypes"
           >
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -3587,7 +3587,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 1`] = `
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -3643,7 +3643,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsName-row"
         >
           <div
@@ -3661,14 +3661,14 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="reportSettingsName-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="reportSettingsName"
                   placeholder="Report name (e.g Log Traffic Daily Report)"
                   type="text"
@@ -3694,7 +3694,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsDescription-row"
         >
           <div
@@ -3711,10 +3711,10 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
             class="euiFormRow__fieldWrapper"
           >
             <textarea
-              class="euiTextArea euiTextArea--resizeVertical"
+              class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
               id="reportSettingsDescription"
               placeholder="Describe this report (e.g Morning daily reports for log traffic)"
-              rows="6"
+              rows="3"
             />
           </div>
         </div>
@@ -3724,7 +3724,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="random_html_id-row"
     >
       <div
@@ -3744,7 +3744,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
           id="random_html_id"
         >
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               checked=""
@@ -3765,7 +3765,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -3785,7 +3785,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -3805,7 +3805,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -3832,7 +3832,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportSourceDashboardSelect-row"
       >
         <div
@@ -3851,17 +3851,17 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
           <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"
                 >
@@ -3898,7 +3898,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                       focusable="false"
                       height="16"
                       role="img"
@@ -3926,7 +3926,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -3950,7 +3950,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
                   class="euiFlexItem"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                    class="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
                   >
                     <div
                       class="euiPopover euiPopover--anchorDownLeft"
@@ -4012,7 +4012,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
                         class="euiDatePickerRange euiDatePickerRange--inGroup"
                       >
                         <button
-                          class="euiSuperDatePicker__prettyFormat"
+                          class="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
                           data-test-subj="superDatePickerShowDatesButton"
                         >
                           Last 30 minutes
@@ -4052,7 +4052,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -4072,7 +4072,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
                 id="random_html_id"
               >
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     checked=""
@@ -4092,7 +4092,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
                   </label>
                 </div>
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     class="euiRadio__input"
@@ -4121,12 +4121,12 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
       <div>
         <fieldset>
           <legend
-            class="euiFormLegend"
+            class="euiFormLegend euiFormLegend--compressed"
           >
             Report header and footer
           </legend>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -4144,7 +4144,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
             </label>
           </div>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -4172,7 +4172,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportDefinitionTriggerTypes-row"
       >
         <div
@@ -4192,7 +4192,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
             id="reportDefinitionTriggerTypes"
           >
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -4212,7 +4212,7 @@ exports[`<ReportSettings /> panel render edit, dashboard source 2`] = `
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -4268,7 +4268,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsName-row"
         >
           <div
@@ -4286,14 +4286,14 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="reportSettingsName-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="reportSettingsName"
                   placeholder="Report name (e.g Log Traffic Daily Report)"
                   type="text"
@@ -4319,7 +4319,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsDescription-row"
         >
           <div
@@ -4336,10 +4336,10 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <textarea
-              class="euiTextArea euiTextArea--resizeVertical"
+              class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
               id="reportSettingsDescription"
               placeholder="Describe this report (e.g Morning daily reports for log traffic)"
-              rows="6"
+              rows="3"
             />
           </div>
         </div>
@@ -4349,7 +4349,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="random_html_id-row"
     >
       <div
@@ -4369,7 +4369,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
           id="random_html_id"
         >
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               checked=""
@@ -4390,7 +4390,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -4410,7 +4410,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -4430,7 +4430,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -4457,7 +4457,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportSourceDashboardSelect-row"
       >
         <div
@@ -4476,17 +4476,17 @@ exports[`<ReportSettings /> panel render edit, saved search source 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"
                 >
@@ -4523,7 +4523,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                       focusable="false"
                       height="16"
                       role="img"
@@ -4551,7 +4551,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -4575,7 +4575,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
                   class="euiFlexItem"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                    class="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
                   >
                     <div
                       class="euiPopover euiPopover--anchorDownLeft"
@@ -4637,7 +4637,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
                         class="euiDatePickerRange euiDatePickerRange--inGroup"
                       >
                         <button
-                          class="euiSuperDatePicker__prettyFormat"
+                          class="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
                           data-test-subj="superDatePickerShowDatesButton"
                         >
                           Last 30 minutes
@@ -4677,7 +4677,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -4697,7 +4697,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
                 id="random_html_id"
               >
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     checked=""
@@ -4717,7 +4717,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
                   </label>
                 </div>
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     class="euiRadio__input"
@@ -4746,12 +4746,12 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
       <div>
         <fieldset>
           <legend
-            class="euiFormLegend"
+            class="euiFormLegend euiFormLegend--compressed"
           >
             Report header and footer
           </legend>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -4769,7 +4769,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
             </label>
           </div>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -4797,7 +4797,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportDefinitionTriggerTypes-row"
       >
         <div
@@ -4817,7 +4817,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
             id="reportDefinitionTriggerTypes"
           >
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -4837,7 +4837,7 @@ exports[`<ReportSettings /> panel render edit, saved search source 1`] = `
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -4893,7 +4893,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsName-row"
         >
           <div
@@ -4911,14 +4911,14 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="reportSettingsName-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="reportSettingsName"
                   placeholder="Report name (e.g Log Traffic Daily Report)"
                   type="text"
@@ -4944,7 +4944,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsDescription-row"
         >
           <div
@@ -4961,10 +4961,10 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <textarea
-              class="euiTextArea euiTextArea--resizeVertical"
+              class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
               id="reportSettingsDescription"
               placeholder="Describe this report (e.g Morning daily reports for log traffic)"
-              rows="6"
+              rows="3"
             />
           </div>
         </div>
@@ -4974,7 +4974,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="random_html_id-row"
     >
       <div
@@ -4994,7 +4994,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
           id="random_html_id"
         >
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               checked=""
@@ -5015,7 +5015,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -5035,7 +5035,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -5055,7 +5055,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -5082,7 +5082,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportSourceDashboardSelect-row"
       >
         <div
@@ -5101,17 +5101,17 @@ exports[`<ReportSettings /> panel render edit, visualization source 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"
                 >
@@ -5148,7 +5148,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                       focusable="false"
                       height="16"
                       role="img"
@@ -5176,7 +5176,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -5200,7 +5200,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
                   class="euiFlexItem"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                    class="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
                   >
                     <div
                       class="euiPopover euiPopover--anchorDownLeft"
@@ -5262,7 +5262,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
                         class="euiDatePickerRange euiDatePickerRange--inGroup"
                       >
                         <button
-                          class="euiSuperDatePicker__prettyFormat"
+                          class="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
                           data-test-subj="superDatePickerShowDatesButton"
                         >
                           Last 30 minutes
@@ -5302,7 +5302,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -5322,7 +5322,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
                 id="random_html_id"
               >
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     checked=""
@@ -5342,7 +5342,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
                   </label>
                 </div>
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     class="euiRadio__input"
@@ -5371,12 +5371,12 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
       <div>
         <fieldset>
           <legend
-            class="euiFormLegend"
+            class="euiFormLegend euiFormLegend--compressed"
           >
             Report header and footer
           </legend>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -5394,7 +5394,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
             </label>
           </div>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -5422,7 +5422,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportDefinitionTriggerTypes-row"
       >
         <div
@@ -5442,7 +5442,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
             id="reportDefinitionTriggerTypes"
           >
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -5462,7 +5462,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 1`] = `
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -5518,7 +5518,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsName-row"
         >
           <div
@@ -5536,14 +5536,14 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="reportSettingsName-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="reportSettingsName"
                   placeholder="Report name (e.g Log Traffic Daily Report)"
                   type="text"
@@ -5569,7 +5569,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsDescription-row"
         >
           <div
@@ -5586,10 +5586,10 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
             class="euiFormRow__fieldWrapper"
           >
             <textarea
-              class="euiTextArea euiTextArea--resizeVertical"
+              class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
               id="reportSettingsDescription"
               placeholder="Describe this report (e.g Morning daily reports for log traffic)"
-              rows="6"
+              rows="3"
             />
           </div>
         </div>
@@ -5599,7 +5599,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="random_html_id-row"
     >
       <div
@@ -5619,7 +5619,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
           id="random_html_id"
         >
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               checked=""
@@ -5640,7 +5640,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -5660,7 +5660,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -5680,7 +5680,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -5707,7 +5707,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportSourceDashboardSelect-row"
       >
         <div
@@ -5726,17 +5726,17 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
           <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"
                 >
@@ -5773,7 +5773,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                       focusable="false"
                       height="16"
                       role="img"
@@ -5801,7 +5801,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -5825,7 +5825,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
                   class="euiFlexItem"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                    class="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
                   >
                     <div
                       class="euiPopover euiPopover--anchorDownLeft"
@@ -5887,7 +5887,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
                         class="euiDatePickerRange euiDatePickerRange--inGroup"
                       >
                         <button
-                          class="euiSuperDatePicker__prettyFormat"
+                          class="euiSuperDatePicker__prettyFormat euiSuperDatePicker__prettyFormat--compressed"
                           data-test-subj="superDatePickerShowDatesButton"
                         >
                           Last 30 minutes
@@ -5927,7 +5927,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -5947,7 +5947,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
                 id="random_html_id"
               >
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     checked=""
@@ -5967,7 +5967,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
                   </label>
                 </div>
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     class="euiRadio__input"
@@ -5996,12 +5996,12 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
       <div>
         <fieldset>
           <legend
-            class="euiFormLegend"
+            class="euiFormLegend euiFormLegend--compressed"
           >
             Report header and footer
           </legend>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -6019,7 +6019,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
             </label>
           </div>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -6047,7 +6047,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportDefinitionTriggerTypes-row"
       >
         <div
@@ -6067,7 +6067,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
             id="reportDefinitionTriggerTypes"
           >
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -6087,7 +6087,7 @@ exports[`<ReportSettings /> panel render edit, visualization source 2`] = `
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -6143,7 +6143,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsName-row"
         >
           <div
@@ -6161,14 +6161,14 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="reportSettingsName-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="reportSettingsName"
                   placeholder="Report name (e.g Log Traffic Daily Report)"
                   type="text"
@@ -6194,7 +6194,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsDescription-row"
         >
           <div
@@ -6211,10 +6211,10 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <textarea
-              class="euiTextArea euiTextArea--resizeVertical"
+              class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
               id="reportSettingsDescription"
               placeholder="Describe this report (e.g Morning daily reports for log traffic)"
-              rows="6"
+              rows="3"
             />
           </div>
         </div>
@@ -6224,7 +6224,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="random_html_id-row"
     >
       <div
@@ -6244,7 +6244,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
           id="random_html_id"
         >
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               checked=""
@@ -6264,7 +6264,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -6283,7 +6283,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -6302,7 +6302,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -6328,7 +6328,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportSourceDashboardSelect-row"
       >
         <div
@@ -6347,17 +6347,17 @@ exports[`<ReportSettings /> panel saved search create from in-context 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"
                 >
@@ -6394,7 +6394,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                       focusable="false"
                       height="16"
                       role="img"
@@ -6422,7 +6422,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -6446,7 +6446,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
                   class="euiFlexItem"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                    class="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
                   >
                     <div
                       class="euiPopover euiPopover--anchorDownLeft"
@@ -6508,13 +6508,13 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
                         class="euiDatePickerRange euiDatePickerRange--inGroup"
                       >
                         <div
-                          class="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiSuperDatePicker__startPopoverButton"
+                          class="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiSuperDatePicker__startPopoverButton euiSuperDatePicker__startPopoverButton--compressed"
                         >
                           <div
                             class="euiPopover__anchor"
                           >
                             <button
-                              class="euiDatePopoverButton euiDatePopoverButton--start"
+                              class="euiDatePopoverButton euiDatePopoverButton--start euiDatePopoverButton-compressed"
                               data-test-subj="superDatePickerstartDatePopoverButton"
                               title="2020-10-26T20:52:56.382Z"
                             >
@@ -6538,7 +6538,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
                             class="euiPopover__anchor"
                           >
                             <button
-                              class="euiDatePopoverButton euiDatePopoverButton--end"
+                              class="euiDatePopoverButton euiDatePopoverButton--end euiDatePopoverButton-compressed"
                               data-test-subj="superDatePickerendDatePopoverButton"
                               title="2020-10-27T20:52:56.384Z"
                             >
@@ -6576,7 +6576,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -6596,7 +6596,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
                 id="random_html_id"
               >
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     checked=""
@@ -6616,7 +6616,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
                   </label>
                 </div>
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     class="euiRadio__input"
@@ -6645,12 +6645,12 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
       <div>
         <fieldset>
           <legend
-            class="euiFormLegend"
+            class="euiFormLegend euiFormLegend--compressed"
           >
             Report header and footer
           </legend>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -6668,7 +6668,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -6690,7 +6690,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
           class="euiSpacer euiSpacer--l"
         />
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="random_html_id-row"
         >
           <div
@@ -6957,7 +6957,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
           </div>
         </div>
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="random_html_id-row"
         >
           <div
@@ -7230,7 +7230,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportDefinitionTriggerTypes-row"
       >
         <div
@@ -7250,7 +7250,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
             id="reportDefinitionTriggerTypes"
           >
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -7270,7 +7270,7 @@ exports[`<ReportSettings /> panel saved search create from in-context 1`] = `
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
@@ -7326,7 +7326,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsName-row"
         >
           <div
@@ -7344,14 +7344,14 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <div
-              class="euiFormControlLayout"
+              class="euiFormControlLayout euiFormControlLayout--compressed"
             >
               <div
                 class="euiFormControlLayout__childrenWrapper"
               >
                 <input
                   aria-describedby="reportSettingsName-help-0"
-                  class="euiFieldText"
+                  class="euiFieldText euiFieldText--compressed"
                   id="reportSettingsName"
                   placeholder="Report name (e.g Log Traffic Daily Report)"
                   type="text"
@@ -7377,7 +7377,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiFormRow"
+          class="euiFormRow euiFormRow--compressed"
           id="reportSettingsDescription-row"
         >
           <div
@@ -7394,10 +7394,10 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
             class="euiFormRow__fieldWrapper"
           >
             <textarea
-              class="euiTextArea euiTextArea--resizeVertical"
+              class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
               id="reportSettingsDescription"
               placeholder="Describe this report (e.g Morning daily reports for log traffic)"
-              rows="6"
+              rows="3"
             />
           </div>
         </div>
@@ -7407,7 +7407,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
       class="euiSpacer euiSpacer--l"
     />
     <div
-      class="euiFormRow"
+      class="euiFormRow euiFormRow--compressed"
       id="random_html_id-row"
     >
       <div
@@ -7427,7 +7427,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
           id="random_html_id"
         >
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               checked=""
@@ -7447,7 +7447,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -7466,7 +7466,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -7485,7 +7485,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiRadio euiRadioGroup__item"
+            class="euiRadio euiRadio--compressed euiRadioGroup__item"
           >
             <input
               class="euiRadio__input"
@@ -7511,7 +7511,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportSourceDashboardSelect-row"
       >
         <div
@@ -7530,17 +7530,17 @@ exports[`<ReportSettings /> panel visualization create from in-context 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"
                 >
@@ -7577,7 +7577,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                      class="euiIcon euiIcon--small euiFormControlLayoutCustomIcon__icon"
                       focusable="false"
                       height="16"
                       role="img"
@@ -7605,7 +7605,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -7629,7 +7629,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
                   class="euiFlexItem"
                 >
                   <div
-                    class="euiFormControlLayout euiFormControlLayout--group euiSuperDatePicker"
+                    class="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group euiSuperDatePicker"
                   >
                     <div
                       class="euiPopover euiPopover--anchorDownLeft"
@@ -7691,13 +7691,13 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
                         class="euiDatePickerRange euiDatePickerRange--inGroup"
                       >
                         <div
-                          class="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiSuperDatePicker__startPopoverButton"
+                          class="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock euiSuperDatePicker__startPopoverButton euiSuperDatePicker__startPopoverButton--compressed"
                         >
                           <div
                             class="euiPopover__anchor"
                           >
                             <button
-                              class="euiDatePopoverButton euiDatePopoverButton--start"
+                              class="euiDatePopoverButton euiDatePopoverButton--start euiDatePopoverButton-compressed"
                               data-test-subj="superDatePickerstartDatePopoverButton"
                               title="2020-10-26T20:52:56.382Z"
                             >
@@ -7721,7 +7721,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
                             class="euiPopover__anchor"
                           >
                             <button
-                              class="euiDatePopoverButton euiDatePopoverButton--end"
+                              class="euiDatePopoverButton euiDatePopoverButton--end euiDatePopoverButton-compressed"
                               data-test-subj="superDatePickerendDatePopoverButton"
                               title="2020-10-27T20:52:56.384Z"
                             >
@@ -7759,7 +7759,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
       <div>
         <div>
           <div
-            class="euiFormRow"
+            class="euiFormRow euiFormRow--compressed"
             id="random_html_id-row"
           >
             <div
@@ -7779,7 +7779,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
                 id="random_html_id"
               >
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     checked=""
@@ -7799,7 +7799,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
                   </label>
                 </div>
                 <div
-                  class="euiRadio euiRadioGroup__item"
+                  class="euiRadio euiRadio--compressed euiRadioGroup__item"
                 >
                   <input
                     class="euiRadio__input"
@@ -7828,12 +7828,12 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
       <div>
         <fieldset>
           <legend
-            class="euiFormLegend"
+            class="euiFormLegend euiFormLegend--compressed"
           >
             Report header and footer
           </legend>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -7851,7 +7851,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
             </label>
           </div>
           <div
-            class="euiCheckbox euiCheckboxGroup__item"
+            class="euiCheckbox euiCheckbox--compressed euiCheckboxGroup__item"
           >
             <input
               class="euiCheckbox__input"
@@ -7873,7 +7873,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
           class="euiSpacer euiSpacer--l"
         />
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="random_html_id-row"
         >
           <div
@@ -8140,7 +8140,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
           </div>
         </div>
         <div
-          class="euiFormRow euiFormRow--fullWidth"
+          class="euiFormRow euiFormRow--fullWidth euiFormRow--compressed"
           id="random_html_id-row"
         >
           <div
@@ -8413,7 +8413,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
     />
     <div>
       <div
-        class="euiFormRow"
+        class="euiFormRow euiFormRow--compressed"
         id="reportDefinitionTriggerTypes-row"
       >
         <div
@@ -8433,7 +8433,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
             id="reportDefinitionTriggerTypes"
           >
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 checked=""
@@ -8453,7 +8453,7 @@ exports[`<ReportSettings /> panel visualization create from in-context 1`] = `
               </label>
             </div>
             <div
-              class="euiRadio euiRadioGroup__item"
+              class="euiRadio euiRadio--compressed euiRadioGroup__item"
             >
               <input
                 class="euiRadio__input"
diff --git a/public/components/report_definitions/report_settings/__tests__/report_settings.test.tsx b/public/components/report_definitions/report_settings/__tests__/report_settings.test.tsx
index 0f7ead8f..e7a4d118 100644
--- a/public/components/report_definitions/report_settings/__tests__/report_settings.test.tsx
+++ b/public/components/report_definitions/report_settings/__tests__/report_settings.test.tsx
@@ -411,7 +411,7 @@ describe('<ReportSettings /> panel', () => {
     expect(container.firstChild).toMatchSnapshot();
     await act(() => promise);
   });
-  
+
 
   test('dashboard create from in-context', async () => {
     window = Object.create(window);
@@ -672,7 +672,7 @@ describe('<ReportSettings /> panel', () => {
     , {disableLifecycleMethods: true});
     await act(() => promise);
 
-    const comboBox = component.find('EuiComboBox').at(0);
+    const comboBox = component.find('EuiCompressedComboBox').at(0);
     comboBox.simulate('change', [{value: 'test', label: 'test'}]);
 
     await act(() => promise);
@@ -738,11 +738,11 @@ describe('<ReportSettings /> panel', () => {
 
     visualizationRadio.find('input').simulate('change', 'visualizationReportSource');
     await act(() => promise);
-    const comboBox = component.find('EuiComboBox').at(0);
+    const comboBox = component.find('EuiCompressedComboBox').at(0);
 
     act(() => {
       comboBox.props().onChange([{ value: 'test', label: 'test' }]);
-    }); 
+    });
     component.update();
 
     await act(() => promise);
@@ -808,7 +808,7 @@ describe('<ReportSettings /> panel', () => {
 
     visualizationRadio.find('input').simulate('change', 'savedSearchReportSource');
     await act(() => promise);
-    const comboBox = component.find('EuiComboBox').at(0);
+    const comboBox = component.find('EuiCompressedComboBox').at(0);
 
     act(() => {
       comboBox.props().onChange([{ value: 'test', label: 'test' }]);
diff --git a/public/components/report_definitions/report_settings/report_settings.tsx b/public/components/report_definitions/report_settings/report_settings.tsx
index 9bde1a18..e34103b4 100644
--- a/public/components/report_definitions/report_settings/report_settings.tsx
+++ b/public/components/report_definitions/report_settings/report_settings.tsx
@@ -6,20 +6,20 @@
 import React, { useEffect, useState } from 'react';
 import { i18n } from '@osd/i18n';
 import {
-  EuiFieldText,
+  EuiCompressedFieldText,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiFormRow,
+  EuiCompressedFormRow,
   EuiPageHeader,
   EuiTitle,
   EuiPageContent,
   EuiPageContentBody,
   EuiHorizontalRule,
   EuiSpacer,
-  EuiRadioGroup,
-  EuiTextArea,
-  EuiCheckboxGroup,
-  EuiComboBox,
+  EuiCompressedRadioGroup,
+  EuiCompressedTextArea,
+  EuiCompressedCheckboxGroup,
+  EuiCompressedComboBox,
 } from '@elastic/eui';
 import {
   REPORT_SOURCE_RADIOS,
@@ -255,7 +255,7 @@ export function ReportSettings(props: ReportSettingProps) {
   const PDFandPNGFileFormats = () => {
     return (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportSettingProps.fileFormat',
             {
@@ -263,12 +263,12 @@ export function ReportSettings(props: ReportSettingProps) {
             }
           )}
         >
-          <EuiRadioGroup
+          <EuiCompressedRadioGroup
             options={PDF_PNG_FILE_FORMAT_OPTIONS}
             idSelected={fileFormat}
             onChange={handleFileFormat}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
       </div>
     );
   };
@@ -276,7 +276,7 @@ export function ReportSettings(props: ReportSettingProps) {
   const CSVandXLSXFileFormats = () => {
     return (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportSettingProps.fileFormat',
             {
@@ -284,12 +284,12 @@ export function ReportSettings(props: ReportSettingProps) {
             }
           )}
         >
-          <EuiRadioGroup
+          <EuiCompressedRadioGroup
             options={SAVED_SEARCH_FORMAT_OPTIONS}
             idSelected={fileFormat}
             onChange={handleFileFormat}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
       </div>
     );
   };
@@ -331,7 +331,7 @@ export function ReportSettings(props: ReportSettingProps) {
     };
 
     const showFooter = checkboxIdSelectHeaderFooter.footer ? (
-      <EuiFormRow
+      <EuiCompressedFormRow
         label={i18n.translate('opensearch.reports.reportSettingProps.footer', {
           defaultMessage: 'Footer',
         })}
@@ -350,11 +350,11 @@ export function ReportSettings(props: ReportSettingProps) {
             Promise.resolve(converter.makeHtml(markdown))
           }
         />
-      </EuiFormRow>
+      </EuiCompressedFormRow>
     ) : null;
 
     const showHeader = checkboxIdSelectHeaderFooter.header ? (
-      <EuiFormRow
+      <EuiCompressedFormRow
         label={i18n.translate('opensearch.reports.reportSettingProps.header', {
           defaultMessage: 'Header',
         })}
@@ -373,7 +373,7 @@ export function ReportSettings(props: ReportSettingProps) {
             Promise.resolve(converter.makeHtml(markdown))
           }
         />
-      </EuiFormRow>
+      </EuiCompressedFormRow>
     ) : null;
 
     useEffect(() => {
@@ -429,7 +429,7 @@ export function ReportSettings(props: ReportSettingProps) {
 
     return (
       <div>
-        <EuiCheckboxGroup
+        <EuiCompressedCheckboxGroup
           options={HEADER_FOOTER_CHECKBOX}
           idToSelectedMap={checkboxIdSelectHeaderFooter}
           onChange={handleCheckboxHeaderFooter}
@@ -703,7 +703,7 @@ export function ReportSettings(props: ReportSettingProps) {
   const displayDashboardSelect =
     reportSourceId === 'dashboardReportSource' ? (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
         id="reportSourceDashboardSelect"
           label={i18n.translate(
             'opensearch.reports.reportSettingProps.selectDashboard',
@@ -712,7 +712,7 @@ export function ReportSettings(props: ReportSettingProps) {
           isInvalid={showSettingsReportSourceError}
           error={settingsReportSourceErrorMessage}
         >
-          <EuiComboBox
+          <EuiCompressedComboBox
             id="reportSourceDashboardSelector"
             placeholder={i18n.translate(
               'opensearch.reports.reportSettingProps.placeholder.selectDashboard',
@@ -723,7 +723,7 @@ export function ReportSettings(props: ReportSettingProps) {
             onChange={handleDashboardSelect}
             selectedOptions={dashboardSourceSelect}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer />
       </div>
     ) : null;
@@ -731,7 +731,7 @@ export function ReportSettings(props: ReportSettingProps) {
   const displayVisualizationSelect =
     reportSourceId === 'visualizationReportSource' ? (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportSettingProps.form.selectVisualization',
             { defaultMessage: 'Select visualization' }
@@ -739,7 +739,7 @@ export function ReportSettings(props: ReportSettingProps) {
           isInvalid={showSettingsReportSourceError}
           error={settingsReportSourceErrorMessage}
         >
-          <EuiComboBox
+          <EuiCompressedComboBox
             id="reportSourceVisualizationSelect"
             placeholder={i18n.translate(
               'opensearch.reports.reportSettingProps.form.placeholder.selectAVisualization',
@@ -750,7 +750,7 @@ export function ReportSettings(props: ReportSettingProps) {
             onChange={handleVisualizationSelect}
             selectedOptions={visualizationSourceSelect}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer />
       </div>
     ) : null;
@@ -758,7 +758,7 @@ export function ReportSettings(props: ReportSettingProps) {
   const displaySavedSearchSelect =
     reportSourceId === 'savedSearchReportSource' ? (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportSettingProps.form.selectSavedSearch',
             { defaultMessage: 'Select saved search' }
@@ -766,7 +766,7 @@ export function ReportSettings(props: ReportSettingProps) {
           isInvalid={showSettingsReportSourceError}
           error={settingsReportSourceErrorMessage}
         >
-          <EuiComboBox
+          <EuiCompressedComboBox
             id="reportSourceSavedSearchSelect"
             placeholder={i18n.translate(
               'opensearch.reports.reportSettingProps.form.placeholder.selectASavedSearch',
@@ -777,7 +777,7 @@ export function ReportSettings(props: ReportSettingProps) {
             onChange={handleSavedSearchSelect}
             selectedOptions={savedSearchSourceSelect}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer />
       </div>
     ) : null;
@@ -795,12 +795,12 @@ export function ReportSettings(props: ReportSettingProps) {
   const displayNotebooksSelect =
     reportSourceId === 'notebooksReportSource' ? (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label="Select notebook"
           isInvalid={showSettingsReportSourceError}
           error={settingsReportSourceErrorMessage}
         >
-          <EuiComboBox
+          <EuiCompressedComboBox
             id="reportSourceNotebooksSelect"
             placeholder="Select a notebook"
             singleSelection={{ asPlainText: true }}
@@ -808,7 +808,7 @@ export function ReportSettings(props: ReportSettingProps) {
             onChange={handleNotebooksSelect}
             selectedOptions={notebooksSourceSelect}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer />
       </div>
     ) : null;
@@ -844,7 +844,7 @@ export function ReportSettings(props: ReportSettingProps) {
       <EuiPageContentBody>
         <EuiFlexGroup>
           <EuiFlexItem>
-            <EuiFormRow
+            <EuiCompressedFormRow
               label={i18n.translate(
                 'opensearch.reports.reportSettingProps.form.name',
                 { defaultMessage: 'Name' }
@@ -860,7 +860,7 @@ export function ReportSettings(props: ReportSettingProps) {
               error={settingsReportNameErrorMessage}
               id={'reportSettingsName'}
             >
-              <EuiFieldText
+              <EuiCompressedFieldText
                 placeholder={i18n.translate(
                   'opensearch.reports.reportSettingProps.form.placeholder.reportName',
                   {
@@ -871,19 +871,19 @@ export function ReportSettings(props: ReportSettingProps) {
                 value={reportName}
                 onChange={handleReportName}
               />
-            </EuiFormRow>
+            </EuiCompressedFormRow>
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiFlexGroup style={{ maxWidth: 600 }}>
           <EuiFlexItem>
-            <EuiFormRow
+            <EuiCompressedFormRow
               label={i18n.translate(
                 'opensearch.reports.reportSettingProps.form.description',
                 { defaultMessage: 'Description (optional)' }
               )}
               id={'reportSettingsDescription'}
             >
-              <EuiTextArea
+              <EuiCompressedTextArea
                 placeholder={i18n.translate(
                   'opensearch.reports.reportSettingProps.form.placeholder.description',
                   {
@@ -894,23 +894,23 @@ export function ReportSettings(props: ReportSettingProps) {
                 value={reportDescription}
                 onChange={handleReportDescription}
               />
-            </EuiFormRow>
+            </EuiCompressedFormRow>
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiSpacer />
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportSettingProps.form.reportSource',
             { defaultMessage: 'Report source' }
           )}
         >
-          <EuiRadioGroup
+          <EuiCompressedRadioGroup
             options={REPORT_SOURCE_RADIOS}
             idSelected={reportSourceId}
             onChange={handleReportSource}
             disabled={edit}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer />
         {displayDashboardSelect}
         {displayVisualizationSelect}
diff --git a/public/components/report_definitions/report_settings/time_range.tsx b/public/components/report_definitions/report_settings/time_range.tsx
index f27630c6..0852b985 100644
--- a/public/components/report_definitions/report_settings/time_range.tsx
+++ b/public/components/report_definitions/report_settings/time_range.tsx
@@ -9,9 +9,9 @@ import { i18n } from '@osd/i18n';
 import { parseInContextUrl } from './report_settings_helpers';
 import dateMath from '@elastic/datemath';
 import {
-  EuiFormRow,
+  EuiCompressedFormRow,
   EuiGlobalToastList,
-  EuiSuperDatePicker,
+  EuiCompressedSuperDatePicker,
 } from '@elastic/eui';
 import { commonTimeRanges } from './report_settings_constants';
 
@@ -188,7 +188,7 @@ export function TimeRangeSelect(props) {
   return (
     <div>
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.timeRange.label.timeRange',
             { defaultMessage: 'Time range' }
@@ -206,7 +206,7 @@ export function TimeRangeSelect(props) {
             { defaultMessage: 'Invalid time range selected.' }
           )}
         >
-          <EuiSuperDatePicker
+          <EuiCompressedSuperDatePicker
             isDisabled={false}
             isLoading={isLoading}
             start={start}
@@ -215,7 +215,7 @@ export function TimeRangeSelect(props) {
             showUpdateButton={false}
             commonlyUsedRanges={commonTimeRanges}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
       </div>
       <div>
         <EuiGlobalToastList
diff --git a/public/components/report_definitions/report_trigger/__tests__/__snapshots__/report_trigger.test.tsx.snap b/public/components/report_definitions/report_trigger/__tests__/__snapshots__/report_trigger.test.tsx.snap
index c0973df4..8817b8a3 100644
--- a/public/components/report_definitions/report_trigger/__tests__/__snapshots__/report_trigger.test.tsx.snap
+++ b/public/components/report_definitions/report_trigger/__tests__/__snapshots__/report_trigger.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`<ReportTrigger /> panel Render edit on-demand component 1`] = `
 <div>
   <div
-    class="euiFormRow"
+    class="euiFormRow euiFormRow--compressed"
     id="reportDefinitionTriggerTypes-row"
   >
     <div
@@ -23,7 +23,7 @@ exports[`<ReportTrigger /> panel Render edit on-demand component 1`] = `
         id="reportDefinitionTriggerTypes"
       >
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             checked=""
@@ -43,7 +43,7 @@ exports[`<ReportTrigger /> panel Render edit on-demand component 1`] = `
           </label>
         </div>
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             class="euiRadio__input"
@@ -73,7 +73,7 @@ exports[`<ReportTrigger /> panel Render edit on-demand component 1`] = `
 exports[`<ReportTrigger /> panel render create component 1`] = `
 <div>
   <div
-    class="euiFormRow"
+    class="euiFormRow euiFormRow--compressed"
     id="reportDefinitionTriggerTypes-row"
   >
     <div
@@ -93,7 +93,7 @@ exports[`<ReportTrigger /> panel render create component 1`] = `
         id="reportDefinitionTriggerTypes"
       >
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             checked=""
@@ -113,7 +113,7 @@ exports[`<ReportTrigger /> panel render create component 1`] = `
           </label>
         </div>
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             class="euiRadio__input"
@@ -143,7 +143,7 @@ exports[`<ReportTrigger /> panel render create component 1`] = `
 exports[`<ReportTrigger /> panel render edit Cron schedule component 1`] = `
 <div>
   <div
-    class="euiFormRow"
+    class="euiFormRow euiFormRow--compressed"
     id="reportDefinitionTriggerTypes-row"
   >
     <div
@@ -163,7 +163,7 @@ exports[`<ReportTrigger /> panel render edit Cron schedule component 1`] = `
         id="reportDefinitionTriggerTypes"
       >
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             checked=""
@@ -183,7 +183,7 @@ exports[`<ReportTrigger /> panel render edit Cron schedule component 1`] = `
           </label>
         </div>
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             class="euiRadio__input"
@@ -213,7 +213,7 @@ exports[`<ReportTrigger /> panel render edit Cron schedule component 1`] = `
 exports[`<ReportTrigger /> panel render edit recurring 5 hours schedule component 1`] = `
 <div>
   <div
-    class="euiFormRow"
+    class="euiFormRow euiFormRow--compressed"
     id="reportDefinitionTriggerTypes-row"
   >
     <div
@@ -233,7 +233,7 @@ exports[`<ReportTrigger /> panel render edit recurring 5 hours schedule componen
         id="reportDefinitionTriggerTypes"
       >
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             checked=""
@@ -253,7 +253,7 @@ exports[`<ReportTrigger /> panel render edit recurring 5 hours schedule componen
           </label>
         </div>
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             class="euiRadio__input"
@@ -283,7 +283,7 @@ exports[`<ReportTrigger /> panel render edit recurring 5 hours schedule componen
 exports[`<ReportTrigger /> panel render edit recurring 10 minutes schedule component 1`] = `
 <div>
   <div
-    class="euiFormRow"
+    class="euiFormRow euiFormRow--compressed"
     id="reportDefinitionTriggerTypes-row"
   >
     <div
@@ -303,7 +303,7 @@ exports[`<ReportTrigger /> panel render edit recurring 10 minutes schedule compo
         id="reportDefinitionTriggerTypes"
       >
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             checked=""
@@ -323,7 +323,7 @@ exports[`<ReportTrigger /> panel render edit recurring 10 minutes schedule compo
           </label>
         </div>
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             class="euiRadio__input"
@@ -353,7 +353,7 @@ exports[`<ReportTrigger /> panel render edit recurring 10 minutes schedule compo
 exports[`<ReportTrigger /> panel render edit recurring daily schedule component 1`] = `
 <div>
   <div
-    class="euiFormRow"
+    class="euiFormRow euiFormRow--compressed"
     id="reportDefinitionTriggerTypes-row"
   >
     <div
@@ -373,7 +373,7 @@ exports[`<ReportTrigger /> panel render edit recurring daily schedule component
         id="reportDefinitionTriggerTypes"
       >
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             checked=""
@@ -393,7 +393,7 @@ exports[`<ReportTrigger /> panel render edit recurring daily schedule component
           </label>
         </div>
         <div
-          class="euiRadio euiRadioGroup__item"
+          class="euiRadio euiRadio--compressed euiRadioGroup__item"
         >
           <input
             class="euiRadio__input"
diff --git a/public/components/report_definitions/report_trigger/report_trigger.tsx b/public/components/report_definitions/report_trigger/report_trigger.tsx
index 1ab67ebc..1e439ae6 100644
--- a/public/components/report_definitions/report_trigger/report_trigger.tsx
+++ b/public/components/report_definitions/report_trigger/report_trigger.tsx
@@ -6,19 +6,19 @@
 import React, { useEffect, useState } from 'react';
 import { i18n } from '@osd/i18n';
 import {
-  EuiFormRow,
-  EuiRadioGroup,
+  EuiCompressedFormRow,
+  EuiCompressedRadioGroup,
   EuiDatePicker,
-  EuiSelect,
+  EuiCompressedSelect,
   EuiSpacer,
   EuiFlexGroup,
   EuiFlexItem,
   EuiText,
-  EuiFieldText,
-  EuiCheckboxGroup,
-  EuiTextArea,
+  EuiCompressedFieldText,
+  EuiCompressedCheckboxGroup,
+  EuiCompressedTextArea,
   EuiLink,
-  EuiFieldNumber,
+  EuiCompressedFieldNumber,
 } from '@elastic/eui';
 import moment, { Moment } from 'moment';
 import { reportDefinitionParams } from '../create/create_report_definition';
@@ -135,7 +135,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
 
     return (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportTrigger.form.requestTime',
             { defaultMessage: 'request time' }
@@ -149,7 +149,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
             dateFormat="HH:mm"
             timeFormat="HH:mm"
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer />
       </div>
     );
@@ -227,7 +227,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
 
     return (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportTrigger.schedule.requestTime',
             { defaultMessage: 'request time' }
@@ -241,7 +241,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
             dateFormat="HH:mm"
             timeFormat="HH:mm"
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer />
       </div>
     );
@@ -323,7 +323,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
 
     return (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportTrigger.recurring.every',
             { defaultMessage: 'every' }
@@ -336,7 +336,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
         >
           <EuiFlexGroup>
             <EuiFlexItem grow={false}>
-              <EuiFieldText
+              <EuiCompressedFieldText
                 id="recurringByIntervalNumber"
                 placeholder={i18n.translate(
                   'opensearch.reports.reportTrigger.recurring.placeholder.mustBeANumber',
@@ -347,18 +347,18 @@ export function ReportTrigger(props: ReportTriggerProps) {
               />
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
-              <EuiFormRow>
-                <EuiSelect
+              <EuiCompressedFormRow>
+                <EuiCompressedSelect
                   id="intervalTimeUnit"
                   options={INTERVAL_TIME_PERIODS}
                   value={intervalTimePeriod}
                   onChange={handleIntervalTimePeriod}
                 />
-              </EuiFormRow>
+              </EuiCompressedFormRow>
             </EuiFlexItem>
           </EuiFlexGroup>
-        </EuiFormRow>
-        <EuiFormRow
+        </EuiCompressedFormRow>
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportTrigger.recurring.startTime',
             { defaultMessage: 'start time' }
@@ -372,7 +372,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
             dateFormat="HH:mm"
             timeFormat="HH:mm"
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
       </div>
     );
   };
@@ -380,18 +380,18 @@ export function ReportTrigger(props: ReportTriggerProps) {
   const RecurringWeekly = () => {
     return (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportTrigger.weekly.every',
             { defaultMessage: 'every' }
           )}
         >
-          <EuiCheckboxGroup
+          <EuiCompressedCheckboxGroup
             options={WEEKLY_CHECKBOX_OPTIONS}
             idToSelectedMap={weeklyCheckbox}
             onChange={handleWeeklyCheckbox}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer />
         <RequestTime />
       </div>
@@ -409,7 +409,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
 
     return (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportTrigger.monthly.onThe',
             { defaultMessage: 'on the' }
@@ -417,7 +417,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
         >
           <EuiFlexGroup>
             <EuiFlexItem grow={false}>
-              <EuiSelect
+              <EuiCompressedSelect
                 id="monthlySelect"
                 options={MONTHLY_ON_THE_OPTIONS}
                 value={monthlySelect}
@@ -425,7 +425,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
               />
             </EuiFlexItem>
             <EuiFlexItem>
-              <EuiFieldNumber
+              <EuiCompressedFieldNumber
                 placeholder={i18n.translate(
                   'opensearch.reports.reportTrigger.monthly.placeholder.dayOfMonth',
                   { defaultMessage: 'Day of month' }
@@ -435,7 +435,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
               />
             </EuiFlexItem>
           </EuiFlexGroup>
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer size="s" />
         <RequestTime />
       </div>
@@ -496,7 +496,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
 
     return (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           id="cronExpressionFieldText"
           label={i18n.translate(
             'opensearch.reports.reportTrigger.cron.customCronExpression',
@@ -516,7 +516,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
             </EuiText>
           }
         >
-          <EuiFieldText
+          <EuiCompressedFieldText
             id="cronExpressionFieldText"
             placeholder={i18n.translate(
               'opensearch.reports.reportTrigger.cron.placeholder.formula',
@@ -528,7 +528,7 @@ export function ReportTrigger(props: ReportTriggerProps) {
             value={cronExpression}
             onChange={handleCronExpression}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer />
       </div>
     );
@@ -551,19 +551,19 @@ export function ReportTrigger(props: ReportTriggerProps) {
 
     return (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportTrigger.scheduleTriggerRecurring.frequency',
             { defaultMessage: 'frequency' }
           )}
           id="recurringFrequencySelect"
         >
-          <EuiSelect
+          <EuiCompressedSelect
             options={SCHEDULE_RECURRING_OPTIONS}
             value={scheduleRecurringFrequency}
             onChange={handleScheduleRecurringFrequency}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer />
         {display_daily}
         {display_interval}
@@ -613,18 +613,18 @@ export function ReportTrigger(props: ReportTriggerProps) {
 
     return (
       <div>
-        <EuiFormRow
+        <EuiCompressedFormRow
           label={i18n.translate(
             'opensearch.reports.reportTrigger.scheduleTrigger.requestTime',
             { defaultMessage: 'request time' }
           )}
         >
-          <EuiRadioGroup
+          <EuiCompressedRadioGroup
             options={SCHEDULE_TYPE_OPTIONS}
             idSelected={scheduleType}
             onChange={handleScheduleType}
           />
-        </EuiFormRow>
+        </EuiCompressedFormRow>
         <EuiSpacer />
         {display_recurring}
         {display_cron}
@@ -700,19 +700,19 @@ export function ReportTrigger(props: ReportTriggerProps) {
 
   return (
     <div>
-      <EuiFormRow
+      <EuiCompressedFormRow
         label={i18n.translate(
         'opensearch.reports.reportTrigger.form.triggerType',
         { defaultMessage: 'Report trigger' }
         )}
         id="reportDefinitionTriggerTypes"
       >
-        <EuiRadioGroup
+        <EuiCompressedRadioGroup
         options={TRIGGER_TYPE_OPTIONS}
         idSelected={reportTriggerType}
         onChange={handleReportTriggerType}
         />
-      </EuiFormRow>
+      </EuiCompressedFormRow>
       <EuiSpacer />
       {schedule}
     </div>
diff --git a/public/components/report_definitions/report_trigger/timezone.tsx b/public/components/report_definitions/report_trigger/timezone.tsx
index aee4ceca..2f9b2c78 100644
--- a/public/components/report_definitions/report_trigger/timezone.tsx
+++ b/public/components/report_definitions/report_trigger/timezone.tsx
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { EuiFormRow, EuiSelect } from '@elastic/eui';
+import { EuiCompressedFormRow, EuiCompressedSelect } from '@elastic/eui';
 import React, { useState, useEffect } from 'react';
 import { i18n } from '@osd/i18n';
 import { TIMEZONE_OPTIONS } from './report_trigger_constants';
@@ -53,18 +53,18 @@ export function TimezoneSelect(props: { reportDefinitionRequest: any; httpClient
 
   return (
     <div>
-      <EuiFormRow
+      <EuiCompressedFormRow
         label={i18n.translate('opensearch.reports.reportTrigger.timezone', {
           defaultMessage: 'Timezone',
         })}
       >
-        <EuiSelect
+        <EuiCompressedSelect
           id="setTimezone"
           options={TIMEZONE_OPTIONS}
           value={timezone}
           onChange={handleTimezone}
         />
-      </EuiFormRow>
+      </EuiCompressedFormRow>
     </div>
   );
 }
diff --git a/yarn.lock b/yarn.lock
index f5a99ed3..2b6d005a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1076,35 +1076,32 @@
   resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
   integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
 
-abab@^2.0.5, abab@^2.0.6:
+abab@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
   integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
 
-acorn-globals@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
-  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
+acorn-globals@^7.0.0:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-7.0.1.tgz#0dbf05c44fa7c94332914c02066d5beff62c40c3"
+  integrity sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==
   dependencies:
-    acorn "^7.1.1"
-    acorn-walk "^7.1.1"
+    acorn "^8.1.0"
+    acorn-walk "^8.0.2"
 
-acorn-walk@^7.1.1:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
-  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+acorn-walk@^8.0.2:
+  version "8.3.3"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.3.3.tgz#9caeac29eefaa0c41e3d4c65137de4d6f34df43e"
+  integrity sha512-MxXdReSRhGO7VlFe1bRG/oI7/mdLV9B9JJT0N8vZOhF7gFRR5l3M8W9G8JxmKV+JC5mGqJ0QvqfSOLsCPa4nUw==
+  dependencies:
+    acorn "^8.11.0"
 
 acorn@^6.4.1:
   version "6.4.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
   integrity sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==
 
-acorn@^7.1.1:
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
-  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
-
-acorn@^8.5.0:
+acorn@^8.1.0, acorn@^8.11.0, acorn@^8.8.2:
   version "8.12.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
   integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
@@ -1685,11 +1682,6 @@ brorand@^1.0.1, brorand@^1.1.0:
   resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
   integrity sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==
 
-browser-process-hrtime@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
-  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
-
 browserify-aes@^1.0.0, browserify-aes@^1.0.4, browserify-aes@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
@@ -2346,22 +2338,12 @@ css-what@^5.0.1:
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-5.1.0.tgz#3f7b707aadf633baf62c2ceb8579b545bb40f7fe"
   integrity sha512-arSMRWIIFY0hV8pIxZMEfmMI47Wj3R/aWpZDDxWYCPEiOMv6tfOrnpDtgxBYPEQD4V0Y/958+1TdC3iWTFcUPw==
 
-cssom@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.5.0.tgz#d254fa92cd8b6fbd83811b9fbaed34663cc17c36"
-  integrity sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==
-
-cssom@~0.3.6:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
-  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
-
-cssstyle@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
-  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
+cssstyle@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-3.0.0.tgz#17ca9c87d26eac764bb8cfd00583cff21ce0277a"
+  integrity sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==
   dependencies:
-    cssom "~0.3.6"
+    rrweb-cssom "^0.6.0"
 
 csstype@^2.5.7:
   version "2.6.21"
@@ -2433,14 +2415,14 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-data-urls@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
-  integrity sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==
+data-urls@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-4.0.0.tgz#333a454eca6f9a5b7b0f1013ff89074c3f522dd4"
+  integrity sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==
   dependencies:
     abab "^2.0.6"
     whatwg-mimetype "^3.0.0"
-    whatwg-url "^11.0.0"
+    whatwg-url "^12.0.0"
 
 data-view-buffer@^1.0.1:
   version "1.0.1"
@@ -2486,7 +2468,7 @@ decamelize@^1.2.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
-decimal.js@^10.3.1:
+decimal.js@^10.4.3:
   version "10.4.3"
   resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
   integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
@@ -2618,11 +2600,16 @@ domhandler@^5.0, domhandler@^5.0.2, domhandler@^5.0.3:
   dependencies:
     domelementtype "^2.3.0"
 
-dompurify@^2.2.0, dompurify@^2.4.1:
+dompurify@^2.2.0:
   version "2.4.7"
   resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-2.4.7.tgz#277adeb40a2c84be2d42a8bcd45f582bfa4d0cfc"
   integrity sha512-kxxKlPEDa6Nc5WJi+qRgPbOAbgTpSULL+vI3NUXsZMlkJxTqYI9wg5ZTay2sFrdZRWHPWNi+EdAhcJf81WtoMQ==
 
+dompurify@^3.0.11:
+  version "3.1.6"
+  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.1.6.tgz#43c714a94c6a7b8801850f82e756685300a027e2"
+  integrity sha512-cTOAhc36AalkjtBpfG6O8JimdTMWNXjiePT2xQH/ppBGi/4uIpmj8eKyIkMJErXWARyINV/sB38yf8JCLF5pbQ==
+
 domutils@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.1.0.tgz#c47f551278d3dc4b0b1ab8cbb42d751a6f0d824e"
@@ -2745,7 +2732,7 @@ enquirer@^2.3.6:
     ansi-colors "^4.1.1"
     strip-ansi "^6.0.1"
 
-entities@^4.2.0, entities@^4.5.0:
+entities@^4.2.0, entities@^4.4.0, entities@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
   integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
@@ -3772,7 +3759,7 @@ https-browserify@^1.0.0:
   resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
   integrity sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==
 
-https-proxy-agent@^5.0.0:
+https-proxy-agent@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
   integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
@@ -4387,37 +4374,36 @@ jsbn@~0.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==
 
-jsdom@18.0.0:
-  version "18.0.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-18.0.0.tgz#0fa974638cd26dfc33f0d84c7526d0a3e5df5dc8"
-  integrity sha512-HVLuBcFmwdWulStv5U+J59b1AyzXhM92KXlM8HQ3ecYtRM2OQEUCPMa4oNuDeCBmtRcC7tJvb0Xz5OeFXMOKTA==
-  dependencies:
-    abab "^2.0.5"
-    acorn "^8.5.0"
-    acorn-globals "^6.0.0"
-    cssom "^0.5.0"
-    cssstyle "^2.3.0"
-    data-urls "^3.0.1"
-    decimal.js "^10.3.1"
+jsdom@^21.1.2:
+  version "21.1.2"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-21.1.2.tgz#6433f751b8718248d646af1cdf6662dc8a1ca7f9"
+  integrity sha512-sCpFmK2jv+1sjff4u7fzft+pUh2KSUbUrEHYHyfSIbGTIcmnjyp83qg6qLwdJ/I3LpTXx33ACxeRL7Lsyc6lGQ==
+  dependencies:
+    abab "^2.0.6"
+    acorn "^8.8.2"
+    acorn-globals "^7.0.0"
+    cssstyle "^3.0.0"
+    data-urls "^4.0.0"
+    decimal.js "^10.4.3"
     domexception "^4.0.0"
     escodegen "^2.0.0"
     form-data "^4.0.0"
     html-encoding-sniffer "^3.0.0"
     http-proxy-agent "^5.0.0"
-    https-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.1"
     is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.0"
-    parse5 "6.0.1"
-    saxes "^5.0.1"
+    nwsapi "^2.2.4"
+    parse5 "^7.1.2"
+    rrweb-cssom "^0.6.0"
+    saxes "^6.0.0"
     symbol-tree "^3.2.4"
-    tough-cookie "^4.0.0"
-    w3c-hr-time "^1.0.2"
-    w3c-xmlserializer "^3.0.0"
+    tough-cookie "^4.1.2"
+    w3c-xmlserializer "^4.0.0"
     webidl-conversions "^7.0.0"
     whatwg-encoding "^2.0.0"
     whatwg-mimetype "^3.0.0"
-    whatwg-url "^10.0.0"
-    ws "^8.2.3"
+    whatwg-url "^12.0.1"
+    ws "^8.13.0"
     xml-name-validator "^4.0.0"
 
 jsesc@^2.5.1:
@@ -5063,10 +5049,10 @@ npm-run-path@^4.0.0:
   dependencies:
     path-key "^3.0.0"
 
-nwsapi@^2.2.0:
-  version "2.2.7"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.7.tgz#738e0707d3128cb750dddcfe90e4610482df0f30"
-  integrity sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==
+nwsapi@^2.2.4:
+  version "2.2.12"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.12.tgz#fb6af5c0ec35b27b4581eb3bbad34ec9e5c696f8"
+  integrity sha512-qXDmcVlZV4XRtKFzddidpfVP4oMSGhga+xdMc25mv8kaLUHtgzCDhUxkrN8exkGdTlLNaXj7CV3GtON7zuGZ+w==
 
 object-assign@^4.1.1:
   version "4.1.1"
@@ -5279,10 +5265,12 @@ parse-json@^5.0.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
-parse5@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
-  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+parse5@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
+  integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
+  dependencies:
+    entities "^4.4.0"
 
 pascalcase@^0.1.1:
   version "0.1.1"
@@ -5499,7 +5487,7 @@ punycode@^1.2.4, punycode@^1.4.1:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
   integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==
 
-punycode@^2.1.0, punycode@^2.1.1:
+punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
@@ -5924,6 +5912,11 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
     hash-base "^3.0.0"
     inherits "^2.0.1"
 
+rrweb-cssom@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz#ed298055b97cbddcdeb278f904857629dec5e0e1"
+  integrity sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==
+
 run-queue@^1.0.0, run-queue@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
@@ -6005,6 +5998,13 @@ saxes@^5.0.1:
   dependencies:
     xmlchars "^2.2.0"
 
+saxes@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5"
+  integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
+  dependencies:
+    xmlchars "^2.2.0"
+
 scheduler@^0.19.1:
   version "0.19.1"
   resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
@@ -6615,7 +6615,7 @@ to-regex@^3.0.1, to-regex@^3.0.2:
     regex-not "^1.0.2"
     safe-regex "^1.1.0"
 
-tough-cookie@^4.0.0, tough-cookie@^4.1.3:
+tough-cookie@^4.1.2, tough-cookie@^4.1.3:
   version "4.1.3"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.3.tgz#97b9adb0728b42280aa3d814b6b999b2ff0318bf"
   integrity sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==
@@ -6625,12 +6625,12 @@ tough-cookie@^4.0.0, tough-cookie@^4.1.3:
     universalify "^0.2.0"
     url-parse "^1.5.3"
 
-tr46@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-3.0.0.tgz#555c4e297a950617e8eeddef633c87d4d9d6cbf9"
-  integrity sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==
+tr46@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-4.1.1.tgz#281a758dcc82aeb4fe38c7dfe4d11a395aac8469"
+  integrity sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==
   dependencies:
-    punycode "^2.1.1"
+    punycode "^2.3.0"
 
 tr46@~0.0.3:
   version "0.0.3"
@@ -7050,17 +7050,10 @@ vm-browserify@^1.0.1:
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
 
-w3c-hr-time@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
-  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
-  dependencies:
-    browser-process-hrtime "^1.0.0"
-
-w3c-xmlserializer@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz#06cdc3eefb7e4d0b20a560a5a3aeb0d2d9a65923"
-  integrity sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==
+w3c-xmlserializer@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
+  integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
   dependencies:
     xml-name-validator "^4.0.0"
 
@@ -7154,20 +7147,12 @@ whatwg-mimetype@^3.0.0:
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
   integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
 
-whatwg-url@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-10.0.0.tgz#37264f720b575b4a311bd4094ed8c760caaa05da"
-  integrity sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==
-  dependencies:
-    tr46 "^3.0.0"
-    webidl-conversions "^7.0.0"
-
-whatwg-url@^11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
-  integrity sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==
+whatwg-url@^12.0.0, whatwg-url@^12.0.1:
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-12.0.1.tgz#fd7bcc71192e7c3a2a97b9a8d6b094853ed8773c"
+  integrity sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==
   dependencies:
-    tr46 "^3.0.0"
+    tr46 "^4.1.1"
     webidl-conversions "^7.0.0"
 
 whatwg-url@^5.0.0:
@@ -7268,7 +7253,7 @@ write-file-atomic@^3.0.0:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
-ws@^7.5.10, ws@^8.2.3:
+ws@^7.5.10, ws@^8.13.0:
   version "7.5.10"
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
   integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==