diff --git a/public/components/ContentPanel/ContentPanel.tsx b/public/components/ContentPanel/ContentPanel.tsx
index 466ee02e..690ee45f 100644
--- a/public/components/ContentPanel/ContentPanel.tsx
+++ b/public/components/ContentPanel/ContentPanel.tsx
@@ -41,7 +41,6 @@ type ContentPanelProps = {
   hideBody?: boolean;
   titleDataTestSubj?: string;
 };
-
 const ContentPanel = (props: ContentPanelProps) => {
   const titleDataTestSubj = get(
     props,
@@ -50,12 +49,11 @@ const ContentPanel = (props: ContentPanelProps) => {
   );
   return (
     <EuiPanel
-      style={{ padding: '20px', ...props.panelStyles }}
+      style={{ padding: '20px'}}
       className={props.contentPanelClassName}
-      betaBadgeLabel={props.badgeLabel}
     >
       <EuiFlexGroup
-        style={{ padding: '0px', ...props.titleContainerStyles }}
+        style={{ padding: '0px' }}
         justifyContent="spaceBetween"
         alignItems="center"
       >
@@ -135,7 +133,7 @@ const ContentPanel = (props: ContentPanelProps) => {
             margin="s"
             className={props.horizontalRuleClassName}
           />
-          <div style={{ padding: '10px 0px', ...props.bodyStyles }}>
+          <div style={{ padding: '10px 0px' }}>
             {props.children}
           </div>
         </div>
diff --git a/public/pages/Overview/components/SampleDataBox/SampleDataBox.tsx b/public/pages/Overview/components/SampleDataBox/SampleDataBox.tsx
index 9884e488..367d0c8d 100644
--- a/public/pages/Overview/components/SampleDataBox/SampleDataBox.tsx
+++ b/public/pages/Overview/components/SampleDataBox/SampleDataBox.tsx
@@ -18,6 +18,8 @@ import {
   EuiFlexItem,
   EuiTitle,
   EuiLink,
+  EuiCard,
+  EuiHorizontalRule,
 } from '@elastic/eui';
 import { PLUGIN_NAME } from '../../../../utils/constants';
 
@@ -37,7 +39,7 @@ interface SampleDataBoxProps {
 export const SampleDataBox = (props: SampleDataBoxProps) => {
   return (
     <div style={{ height: 'auto' }}>
-      <ContentPanel
+      <EuiCard
         title={
           <div
             style={{
@@ -62,9 +64,15 @@ export const SampleDataBox = (props: SampleDataBoxProps) => {
           </div>
         }
         titleSize="s"
-        badgeLabel={props.isDataLoaded ? 'INSTALLED' : undefined}
+        betaBadgeLabel={props.isDataLoaded ? 'INSTALLED' : undefined}
+        paddingSize='l'
       >
         <EuiFlexGroup direction="column" gutterSize="l">
+        <EuiHorizontalRule
+              size="full"
+              margin="s"
+            >
+            </EuiHorizontalRule>
           <EuiFlexItem grow={false} style={{ height: '70px' }}>
             <p
               style={{
@@ -118,7 +126,7 @@ export const SampleDataBox = (props: SampleDataBoxProps) => {
             </EuiFlexItem>
           </EuiFlexGroup>
         </EuiFlexGroup>
-      </ContentPanel>
+      </EuiCard>
     </div>
   );
-};
+};
\ No newline at end of file
diff --git a/public/pages/Overview/components/SampleDataBox/__tests__/__snapshots__/SampleDataBox.test.tsx.snap b/public/pages/Overview/components/SampleDataBox/__tests__/__snapshots__/SampleDataBox.test.tsx.snap
index 0b92fa45..b80d7919 100644
--- a/public/pages/Overview/components/SampleDataBox/__tests__/__snapshots__/SampleDataBox.test.tsx.snap
+++ b/public/pages/Overview/components/SampleDataBox/__tests__/__snapshots__/SampleDataBox.test.tsx.snap
@@ -5,90 +5,58 @@ exports[`<SampleDataBox /> spec Data is loaded renders component 1`] = `
   style="height: auto;"
 >
   <div
-    betabadgelabel="INSTALLED"
-    class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-    style="padding: 20px;"
+    class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--hasBetaBadge"
   >
     <div
-      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-      style="padding: 0px;"
+      class="euiCard__content"
     >
-      <div
-        class="euiFlexItem"
+      <span
+        class="euiTitle euiTitle--small euiCard__title"
+        id="random_html_idTitle"
       >
         <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-          data-test-subj="contentPanelTitle"
+          style="display: flex; flex-direction: row; align-content: flexStart;"
         >
-          <div
-            class="euiFlexItem"
+          <svg
+            aria-hidden="true"
+            class="euiIcon euiIcon--medium"
+            focusable="false"
+            height="16"
+            role="img"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <div
-              style="display: flex; flex-direction: row; align-content: flexStart;"
-            >
-              <svg
-                aria-hidden="true"
-                class="euiIcon euiIcon--medium"
-                focusable="false"
-                height="16"
-                role="img"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M7.59 10.059L7.35 5.18h1.3L8.4 10.06h-.81zm.394 1.901a.61.61 0 01-.448-.186.606.606 0 01-.186-.444c0-.174.062-.323.186-.446a.614.614 0 01.448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 01-.189.446.607.607 0 01-.437.184zM2 14a1 1 0 01-.878-1.479l6-11a1 1 0 011.756 0l6 11A1 1 0 0114 14H2zm0-1h12L8 2 2 13z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-              <h2
-                class="euiTitle euiTitle--small"
-                style="margin-left: 12px; margin-top: -3px;"
-              >
-                Sample title
-              </h2>
-              <button
-                class="euiLink euiLink--primary"
-                data-test-subj="flyoutInfoButton"
-                style="margin-left: 12px;"
-                type="button"
-              >
-                Info
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-        >
-          <div
-            class="euiFlexItem content-panel-subTitle"
-            style="line-height: normal; max-width: 75%;"
-          />
-        </div>
-      </div>
-      <div
-        class="euiFlexItem euiFlexItem--flexGrowZero"
-      >
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-        >
-          <div
-            class="euiFlexItem"
-          />
+            <path
+              d="M7.59 10.059L7.35 5.18h1.3L8.4 10.06h-.81zm.394 1.901a.61.61 0 01-.448-.186.606.606 0 01-.186-.444c0-.174.062-.323.186-.446a.614.614 0 01.448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 01-.189.446.607.607 0 01-.437.184zM2 14a1 1 0 01-.878-1.479l6-11a1 1 0 011.756 0l6 11A1 1 0 0114 14H2zm0-1h12L8 2 2 13z"
+              fill-rule="evenodd"
+            />
+          </svg>
+          <h2
+            class="euiTitle euiTitle--small"
+            style="margin-left: 12px; margin-top: -3px;"
+          >
+            Sample title
+          </h2>
+          <button
+            class="euiLink euiLink--primary"
+            data-test-subj="flyoutInfoButton"
+            style="margin-left: 12px;"
+            type="button"
+          >
+            Info
+          </button>
         </div>
-      </div>
-    </div>
-    <div>
-      <hr
-        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-      />
+      </span>
       <div
-        style="padding: 10px 0px;"
+        class="euiCard__children"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
         >
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+          />
           <div
             class="euiFlexItem euiFlexItem--flexGrowZero"
             style="height: 70px;"
@@ -140,6 +108,17 @@ exports[`<SampleDataBox /> spec Data is loaded renders component 1`] = `
         </div>
       </div>
     </div>
+    <span
+      class="euiCard__betaBadgeWrapper"
+    >
+      <span
+        class="euiBetaBadge euiBetaBadge--hollow euiCard__betaBadge"
+        id="random_html_idBetaBadge"
+        title="INSTALLED"
+      >
+        INSTALLED
+      </span>
+    </span>
   </div>
 </div>
 `;
@@ -149,89 +128,58 @@ exports[`<SampleDataBox /> spec Data is loading renders component 1`] = `
   style="height: auto;"
 >
   <div
-    class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-    style="padding: 20px;"
+    class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
   >
     <div
-      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-      style="padding: 0px;"
+      class="euiCard__content"
     >
-      <div
-        class="euiFlexItem"
+      <span
+        class="euiTitle euiTitle--small euiCard__title"
+        id="random_html_idTitle"
       >
         <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-          data-test-subj="contentPanelTitle"
+          style="display: flex; flex-direction: row; align-content: flexStart;"
         >
-          <div
-            class="euiFlexItem"
+          <svg
+            aria-hidden="true"
+            class="euiIcon euiIcon--medium"
+            focusable="false"
+            height="16"
+            role="img"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <div
-              style="display: flex; flex-direction: row; align-content: flexStart;"
-            >
-              <svg
-                aria-hidden="true"
-                class="euiIcon euiIcon--medium"
-                focusable="false"
-                height="16"
-                role="img"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M7.59 10.059L7.35 5.18h1.3L8.4 10.06h-.81zm.394 1.901a.61.61 0 01-.448-.186.606.606 0 01-.186-.444c0-.174.062-.323.186-.446a.614.614 0 01.448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 01-.189.446.607.607 0 01-.437.184zM2 14a1 1 0 01-.878-1.479l6-11a1 1 0 011.756 0l6 11A1 1 0 0114 14H2zm0-1h12L8 2 2 13z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-              <h2
-                class="euiTitle euiTitle--small"
-                style="margin-left: 12px; margin-top: -3px;"
-              >
-                Sample title
-              </h2>
-              <button
-                class="euiLink euiLink--primary"
-                data-test-subj="flyoutInfoButton"
-                style="margin-left: 12px;"
-                type="button"
-              >
-                Info
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-        >
-          <div
-            class="euiFlexItem content-panel-subTitle"
-            style="line-height: normal; max-width: 75%;"
-          />
-        </div>
-      </div>
-      <div
-        class="euiFlexItem euiFlexItem--flexGrowZero"
-      >
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-        >
-          <div
-            class="euiFlexItem"
-          />
+            <path
+              d="M7.59 10.059L7.35 5.18h1.3L8.4 10.06h-.81zm.394 1.901a.61.61 0 01-.448-.186.606.606 0 01-.186-.444c0-.174.062-.323.186-.446a.614.614 0 01.448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 01-.189.446.607.607 0 01-.437.184zM2 14a1 1 0 01-.878-1.479l6-11a1 1 0 011.756 0l6 11A1 1 0 0114 14H2zm0-1h12L8 2 2 13z"
+              fill-rule="evenodd"
+            />
+          </svg>
+          <h2
+            class="euiTitle euiTitle--small"
+            style="margin-left: 12px; margin-top: -3px;"
+          >
+            Sample title
+          </h2>
+          <button
+            class="euiLink euiLink--primary"
+            data-test-subj="flyoutInfoButton"
+            style="margin-left: 12px;"
+            type="button"
+          >
+            Info
+          </button>
         </div>
-      </div>
-    </div>
-    <div>
-      <hr
-        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-      />
+      </span>
       <div
-        style="padding: 10px 0px;"
+        class="euiCard__children"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
         >
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+          />
           <div
             class="euiFlexItem euiFlexItem--flexGrowZero"
             style="height: 70px;"
@@ -286,84 +234,53 @@ exports[`<SampleDataBox /> spec Data not loaded renders component 1`] = `
   style="height: auto;"
 >
   <div
-    class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-    style="padding: 20px;"
+    class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
   >
     <div
-      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-      style="padding: 0px;"
+      class="euiCard__content"
     >
-      <div
-        class="euiFlexItem"
-      >
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-          data-test-subj="contentPanelTitle"
-        >
-          <div
-            class="euiFlexItem"
-          >
-            <div
-              style="display: flex; flex-direction: row; align-content: flexStart;"
-            >
-              <svg
-                aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
-                focusable="false"
-                height="16"
-                role="img"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              />
-              <h2
-                class="euiTitle euiTitle--small"
-                style="margin-left: 12px; margin-top: -3px;"
-              >
-                Sample title
-              </h2>
-              <button
-                class="euiLink euiLink--primary"
-                data-test-subj="flyoutInfoButton"
-                style="margin-left: 12px;"
-                type="button"
-              >
-                Info
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-        >
-          <div
-            class="euiFlexItem content-panel-subTitle"
-            style="line-height: normal; max-width: 75%;"
-          />
-        </div>
-      </div>
-      <div
-        class="euiFlexItem euiFlexItem--flexGrowZero"
+      <span
+        class="euiTitle euiTitle--small euiCard__title"
+        id="random_html_idTitle"
       >
         <div
-          class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+          style="display: flex; flex-direction: row; align-content: flexStart;"
         >
-          <div
-            class="euiFlexItem"
+          <svg
+            aria-hidden="true"
+            class="euiIcon euiIcon--medium euiIcon-isLoading"
+            focusable="false"
+            height="16"
+            role="img"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
           />
+          <h2
+            class="euiTitle euiTitle--small"
+            style="margin-left: 12px; margin-top: -3px;"
+          >
+            Sample title
+          </h2>
+          <button
+            class="euiLink euiLink--primary"
+            data-test-subj="flyoutInfoButton"
+            style="margin-left: 12px;"
+            type="button"
+          >
+            Info
+          </button>
         </div>
-      </div>
-    </div>
-    <div>
-      <hr
-        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-      />
+      </span>
       <div
-        style="padding: 10px 0px;"
+        class="euiCard__children"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
         >
+          <hr
+            class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+          />
           <div
             class="euiFlexItem euiFlexItem--flexGrowZero"
             style="height: 70px;"
diff --git a/public/pages/Overview/containers/AnomalyDetectionOverview.tsx b/public/pages/Overview/containers/AnomalyDetectionOverview.tsx
index 73df69e8..829453be 100644
--- a/public/pages/Overview/containers/AnomalyDetectionOverview.tsx
+++ b/public/pages/Overview/containers/AnomalyDetectionOverview.tsx
@@ -20,6 +20,7 @@ import {
   EuiIcon,
   EuiButton,
   EuiLoadingSpinner,
+  EuiFlexGrid,
 } from '@elastic/eui';
 import React, { Fragment, useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
@@ -241,7 +242,7 @@ export function AnomalyDetectionOverview(props: AnomalyDetectionOverviewProps) {
         }
         horizontalRuleClassName="hide-horizontal-rule"
       >
-        <EuiFlexGroup direction="row" gutterSize="l">
+        <EuiFlexGrid columns={3} gutterSize="l">
           <EuiFlexItem>
             <SampleDataBox
               title="Monitor HTTP responses"
@@ -343,7 +344,7 @@ export function AnomalyDetectionOverview(props: AnomalyDetectionOverviewProps) {
             />
           </EuiFlexItem>
           <EuiSpacer size="m" />
-        </EuiFlexGroup>
+        </EuiFlexGrid>
       </ContentPanel>
       {showHttpResponseDetailsFlyout ? (
         <SampleDetailsFlyout
diff --git a/public/pages/Overview/containers/__tests__/__snapshots__/AnomalyDetectionOverview.test.tsx.snap b/public/pages/Overview/containers/__tests__/__snapshots__/AnomalyDetectionOverview.test.tsx.snap
index 70de4873..b2a2be54 100644
--- a/public/pages/Overview/containers/__tests__/__snapshots__/AnomalyDetectionOverview.test.tsx.snap
+++ b/public/pages/Overview/containers/__tests__/__snapshots__/AnomalyDetectionOverview.test.tsx.snap
@@ -472,7 +472,7 @@ exports[`<AnomalyDetectionOverview /> spec No sample detectors created renders c
         style="padding: 10px 0px;"
       >
         <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+          class="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--thirds euiFlexGrid--responsive"
         >
           <div
             class="euiFlexItem"
@@ -481,84 +481,53 @@ exports[`<AnomalyDetectionOverview /> spec No sample detectors created renders c
               style="height: auto;"
             >
               <div
-                class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                style="padding: 20px;"
+                class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  style="padding: 0px;"
+                  class="euiCard__content"
                 >
-                  <div
-                    class="euiFlexItem"
+                  <span
+                    class="euiTitle euiTitle--small euiCard__title"
+                    id="random_html_idTitle"
                   >
                     <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                      data-test-subj="contentPanelTitle"
-                    >
-                      <div
-                        class="euiFlexItem"
-                      >
-                        <div
-                          style="display: flex; flex-direction: row; align-content: flexStart;"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--large euiIcon-isLoading"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                          <h2
-                            class="euiTitle euiTitle--small"
-                            style="margin-left: 12px; margin-top: -3px;"
-                          >
-                            Monitor HTTP responses
-                          </h2>
-                          <button
-                            class="euiLink euiLink--primary"
-                            data-test-subj="flyoutInfoButton"
-                            style="margin-left: 12px;"
-                            type="button"
-                          >
-                            Info
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem content-panel-subTitle"
-                        style="line-height: normal; max-width: 75%;"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
-                  >
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem"
+                      style="display: flex; flex-direction: row; align-content: flexStart;"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--large euiIcon-isLoading"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       />
+                      <h2
+                        class="euiTitle euiTitle--small"
+                        style="margin-left: 12px; margin-top: -3px;"
+                      >
+                        Monitor HTTP responses
+                      </h2>
+                      <button
+                        class="euiLink euiLink--primary"
+                        data-test-subj="flyoutInfoButton"
+                        style="margin-left: 12px;"
+                        type="button"
+                      >
+                        Info
+                      </button>
                     </div>
-                  </div>
-                </div>
-                <div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
+                  </span>
                   <div
-                    style="padding: 10px 0px;"
+                    class="euiCard__children"
                   >
                     <div
                       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+                      />
                       <div
                         class="euiFlexItem euiFlexItem--flexGrowZero"
                         style="height: 70px;"
@@ -610,84 +579,53 @@ exports[`<AnomalyDetectionOverview /> spec No sample detectors created renders c
               style="height: auto;"
             >
               <div
-                class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                style="padding: 20px;"
+                class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  style="padding: 0px;"
+                  class="euiCard__content"
                 >
-                  <div
-                    class="euiFlexItem"
-                  >
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                      data-test-subj="contentPanelTitle"
-                    >
-                      <div
-                        class="euiFlexItem"
-                      >
-                        <div
-                          style="display: flex; flex-direction: row; align-content: flexStart;"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--large euiIcon-isLoading"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                          <h2
-                            class="euiTitle euiTitle--small"
-                            style="margin-left: 12px; margin-top: -3px;"
-                          >
-                            Monitor eCommerce orders
-                          </h2>
-                          <button
-                            class="euiLink euiLink--primary"
-                            data-test-subj="flyoutInfoButton"
-                            style="margin-left: 12px;"
-                            type="button"
-                          >
-                            Info
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem content-panel-subTitle"
-                        style="line-height: normal; max-width: 75%;"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  <span
+                    class="euiTitle euiTitle--small euiCard__title"
+                    id="random_html_idTitle"
                   >
                     <div
-                      class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem"
+                      style="display: flex; flex-direction: row; align-content: flexStart;"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--large euiIcon-isLoading"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       />
+                      <h2
+                        class="euiTitle euiTitle--small"
+                        style="margin-left: 12px; margin-top: -3px;"
+                      >
+                        Monitor eCommerce orders
+                      </h2>
+                      <button
+                        class="euiLink euiLink--primary"
+                        data-test-subj="flyoutInfoButton"
+                        style="margin-left: 12px;"
+                        type="button"
+                      >
+                        Info
+                      </button>
                     </div>
-                  </div>
-                </div>
-                <div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
+                  </span>
                   <div
-                    style="padding: 10px 0px;"
+                    class="euiCard__children"
                   >
                     <div
                       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+                      />
                       <div
                         class="euiFlexItem euiFlexItem--flexGrowZero"
                         style="height: 70px;"
@@ -739,84 +677,53 @@ exports[`<AnomalyDetectionOverview /> spec No sample detectors created renders c
               style="height: auto;"
             >
               <div
-                class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                style="padding: 20px;"
+                class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  style="padding: 0px;"
+                  class="euiCard__content"
                 >
-                  <div
-                    class="euiFlexItem"
-                  >
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                      data-test-subj="contentPanelTitle"
-                    >
-                      <div
-                        class="euiFlexItem"
-                      >
-                        <div
-                          style="display: flex; flex-direction: row; align-content: flexStart;"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--large euiIcon-isLoading"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                          <h2
-                            class="euiTitle euiTitle--small"
-                            style="margin-left: 12px; margin-top: -3px;"
-                          >
-                            Monitor host health
-                          </h2>
-                          <button
-                            class="euiLink euiLink--primary"
-                            data-test-subj="flyoutInfoButton"
-                            style="margin-left: 12px;"
-                            type="button"
-                          >
-                            Info
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem content-panel-subTitle"
-                        style="line-height: normal; max-width: 75%;"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  <span
+                    class="euiTitle euiTitle--small euiCard__title"
+                    id="random_html_idTitle"
                   >
                     <div
-                      class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem"
+                      style="display: flex; flex-direction: row; align-content: flexStart;"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--large euiIcon-isLoading"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       />
+                      <h2
+                        class="euiTitle euiTitle--small"
+                        style="margin-left: 12px; margin-top: -3px;"
+                      >
+                        Monitor host health
+                      </h2>
+                      <button
+                        class="euiLink euiLink--primary"
+                        data-test-subj="flyoutInfoButton"
+                        style="margin-left: 12px;"
+                        type="button"
+                      >
+                        Info
+                      </button>
                     </div>
-                  </div>
-                </div>
-                <div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
+                  </span>
                   <div
-                    style="padding: 10px 0px;"
+                    class="euiCard__children"
                   >
                     <div
                       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+                      />
                       <div
                         class="euiFlexItem euiFlexItem--flexGrowZero"
                         style="height: 70px;"
@@ -1379,7 +1286,7 @@ exports[`<AnomalyDetectionOverview /> spec Some detectors created renders compon
         style="padding: 10px 0px;"
       >
         <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+          class="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--thirds euiFlexGrid--responsive"
         >
           <div
             class="euiFlexItem"
@@ -1388,88 +1295,57 @@ exports[`<AnomalyDetectionOverview /> spec Some detectors created renders compon
               style="height: auto;"
             >
               <div
-                class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                style="padding: 20px;"
+                class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  style="padding: 0px;"
+                  class="euiCard__content"
                 >
-                  <div
-                    class="euiFlexItem"
+                  <span
+                    class="euiTitle euiTitle--small euiCard__title"
+                    id="random_html_idTitle"
                   >
                     <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                      data-test-subj="contentPanelTitle"
-                    >
-                      <div
-                        class="euiFlexItem"
+                      style="display: flex; flex-direction: row; align-content: flexStart;"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--large"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          style="display: flex; flex-direction: row; align-content: flexStart;"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--large"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M12.654 3.48c.248.225.552.389.888.467L11.24 9.43a1.99 1.99 0 00-.915-.404l2.33-5.547zM9.146 9.19a2.008 2.008 0 00-.769.64l-1.572-2c.311-.136.581-.35.785-.618l1.556 1.978zM5.581 7.956l-2.134 4.268a.5.5 0 01-.894-.448l2.134-4.268c.25.22.557.376.894.448zM1 15h13.5a.5.5 0 110 1H.5a.5.5 0 01-.5-.5v-14a.5.5 0 011 0V15zm5-8a1 1 0 110-2 1 1 0 010 2zm4 5a1 1 0 110-2 1 1 0 010 2zm4-9a1 1 0 110-2 1 1 0 010 2z"
-                            />
-                          </svg>
-                          <h2
-                            class="euiTitle euiTitle--small"
-                            style="margin-left: 12px; margin-top: -3px;"
-                          >
-                            Monitor HTTP responses
-                          </h2>
-                          <button
-                            class="euiLink euiLink--primary"
-                            data-test-subj="flyoutInfoButton"
-                            style="margin-left: 12px;"
-                            type="button"
-                          >
-                            Info
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem content-panel-subTitle"
-                        style="line-height: normal; max-width: 75%;"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
-                  >
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem"
-                      />
+                        <path
+                          d="M12.654 3.48c.248.225.552.389.888.467L11.24 9.43a1.99 1.99 0 00-.915-.404l2.33-5.547zM9.146 9.19a2.008 2.008 0 00-.769.64l-1.572-2c.311-.136.581-.35.785-.618l1.556 1.978zM5.581 7.956l-2.134 4.268a.5.5 0 01-.894-.448l2.134-4.268c.25.22.557.376.894.448zM1 15h13.5a.5.5 0 110 1H.5a.5.5 0 01-.5-.5v-14a.5.5 0 011 0V15zm5-8a1 1 0 110-2 1 1 0 010 2zm4 5a1 1 0 110-2 1 1 0 010 2zm4-9a1 1 0 110-2 1 1 0 010 2z"
+                        />
+                      </svg>
+                      <h2
+                        class="euiTitle euiTitle--small"
+                        style="margin-left: 12px; margin-top: -3px;"
+                      >
+                        Monitor HTTP responses
+                      </h2>
+                      <button
+                        class="euiLink euiLink--primary"
+                        data-test-subj="flyoutInfoButton"
+                        style="margin-left: 12px;"
+                        type="button"
+                      >
+                        Info
+                      </button>
                     </div>
-                  </div>
-                </div>
-                <div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
+                  </span>
                   <div
-                    style="padding: 10px 0px;"
+                    class="euiCard__children"
                   >
                     <div
                       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+                      />
                       <div
                         class="euiFlexItem euiFlexItem--flexGrowZero"
                         style="height: 70px;"
@@ -1521,88 +1397,57 @@ exports[`<AnomalyDetectionOverview /> spec Some detectors created renders compon
               style="height: auto;"
             >
               <div
-                class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                style="padding: 20px;"
+                class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  style="padding: 0px;"
+                  class="euiCard__content"
                 >
-                  <div
-                    class="euiFlexItem"
+                  <span
+                    class="euiTitle euiTitle--small euiCard__title"
+                    id="random_html_idTitle"
                   >
                     <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                      data-test-subj="contentPanelTitle"
-                    >
-                      <div
-                        class="euiFlexItem"
+                      style="display: flex; flex-direction: row; align-content: flexStart;"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--large"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          style="display: flex; flex-direction: row; align-content: flexStart;"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--large"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M14.447 3.724l-6-3a1 1 0 00-.894 0l-6 3A1 1 0 001 4.618v6.764a1 1 0 00.553.894l6 3a1 1 0 00.894 0l6-3a1 1 0 00.553-.894V4.618a1 1 0 00-.553-.894zM5.871 5.897l5.343-2.672 2.158 1.079L8 6.943zM8 1.618l2.096 1.048-5.353 2.677-2.115-1.039zM2 5.11l2.25 1.105V9a.5.5 0 001 0V6.706L7.5 7.811v6.321L2 11.382zm6.5 9.022v-6.32L14 5.11v6.272z"
-                            />
-                          </svg>
-                          <h2
-                            class="euiTitle euiTitle--small"
-                            style="margin-left: 12px; margin-top: -3px;"
-                          >
-                            Monitor eCommerce orders
-                          </h2>
-                          <button
-                            class="euiLink euiLink--primary"
-                            data-test-subj="flyoutInfoButton"
-                            style="margin-left: 12px;"
-                            type="button"
-                          >
-                            Info
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem content-panel-subTitle"
-                        style="line-height: normal; max-width: 75%;"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
-                  >
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem"
-                      />
+                        <path
+                          d="M14.447 3.724l-6-3a1 1 0 00-.894 0l-6 3A1 1 0 001 4.618v6.764a1 1 0 00.553.894l6 3a1 1 0 00.894 0l6-3a1 1 0 00.553-.894V4.618a1 1 0 00-.553-.894zM5.871 5.897l5.343-2.672 2.158 1.079L8 6.943zM8 1.618l2.096 1.048-5.353 2.677-2.115-1.039zM2 5.11l2.25 1.105V9a.5.5 0 001 0V6.706L7.5 7.811v6.321L2 11.382zm6.5 9.022v-6.32L14 5.11v6.272z"
+                        />
+                      </svg>
+                      <h2
+                        class="euiTitle euiTitle--small"
+                        style="margin-left: 12px; margin-top: -3px;"
+                      >
+                        Monitor eCommerce orders
+                      </h2>
+                      <button
+                        class="euiLink euiLink--primary"
+                        data-test-subj="flyoutInfoButton"
+                        style="margin-left: 12px;"
+                        type="button"
+                      >
+                        Info
+                      </button>
                     </div>
-                  </div>
-                </div>
-                <div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
+                  </span>
                   <div
-                    style="padding: 10px 0px;"
+                    class="euiCard__children"
                   >
                     <div
                       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+                      />
                       <div
                         class="euiFlexItem euiFlexItem--flexGrowZero"
                         style="height: 70px;"
@@ -1654,88 +1499,57 @@ exports[`<AnomalyDetectionOverview /> spec Some detectors created renders compon
               style="height: auto;"
             >
               <div
-                class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                style="padding: 20px;"
+                class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  style="padding: 0px;"
+                  class="euiCard__content"
                 >
-                  <div
-                    class="euiFlexItem"
+                  <span
+                    class="euiTitle euiTitle--small euiCard__title"
+                    id="random_html_idTitle"
                   >
                     <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                      data-test-subj="contentPanelTitle"
-                    >
-                      <div
-                        class="euiFlexItem"
+                      style="display: flex; flex-direction: row; align-content: flexStart;"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--large"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          style="display: flex; flex-direction: row; align-content: flexStart;"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--large"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M12.877 5.847l-1.02 1.02a.5.5 0 01-.708-.707l1.1-1.099c-.05-.053-.1-.106-.152-.157A6.471 6.471 0 008 3.019V4.5a.5.5 0 01-1 0V3.019a6.47 6.47 0 00-4.261 2.055l1.07 1.071a.5.5 0 01-.706.707l-.99-.99A6.46 6.46 0 001.018 10H2.5a.5.5 0 110 1H1.174c.083.353.196.697.337 1.03a.5.5 0 11-.922.39A7.487 7.487 0 010 9.5a7.483 7.483 0 012.197-5.304A7.487 7.487 0 017.5 2a7.487 7.487 0 015.304 2.197A7.483 7.483 0 0115 9.5a7.487 7.487 0 01-.59 2.92.5.5 0 01-.92-.39c.14-.333.253-.677.336-1.03H12.5a.5.5 0 110-1h1.481a6.483 6.483 0 00-1.104-4.153zm-6.041 5.317a.993.993 0 01-.01-1.404c.384-.385 2.882-2.002 3.149-1.735.267.267-1.35 2.765-1.735 3.15a.993.993 0 01-1.404-.01z"
-                            />
-                          </svg>
-                          <h2
-                            class="euiTitle euiTitle--small"
-                            style="margin-left: 12px; margin-top: -3px;"
-                          >
-                            Monitor host health
-                          </h2>
-                          <button
-                            class="euiLink euiLink--primary"
-                            data-test-subj="flyoutInfoButton"
-                            style="margin-left: 12px;"
-                            type="button"
-                          >
-                            Info
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem content-panel-subTitle"
-                        style="line-height: normal; max-width: 75%;"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
-                  >
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem"
-                      />
+                        <path
+                          d="M12.877 5.847l-1.02 1.02a.5.5 0 01-.708-.707l1.1-1.099c-.05-.053-.1-.106-.152-.157A6.471 6.471 0 008 3.019V4.5a.5.5 0 01-1 0V3.019a6.47 6.47 0 00-4.261 2.055l1.07 1.071a.5.5 0 01-.706.707l-.99-.99A6.46 6.46 0 001.018 10H2.5a.5.5 0 110 1H1.174c.083.353.196.697.337 1.03a.5.5 0 11-.922.39A7.487 7.487 0 010 9.5a7.483 7.483 0 012.197-5.304A7.487 7.487 0 017.5 2a7.487 7.487 0 015.304 2.197A7.483 7.483 0 0115 9.5a7.487 7.487 0 01-.59 2.92.5.5 0 01-.92-.39c.14-.333.253-.677.336-1.03H12.5a.5.5 0 110-1h1.481a6.483 6.483 0 00-1.104-4.153zm-6.041 5.317a.993.993 0 01-.01-1.404c.384-.385 2.882-2.002 3.149-1.735.267.267-1.35 2.765-1.735 3.15a.993.993 0 01-1.404-.01z"
+                        />
+                      </svg>
+                      <h2
+                        class="euiTitle euiTitle--small"
+                        style="margin-left: 12px; margin-top: -3px;"
+                      >
+                        Monitor host health
+                      </h2>
+                      <button
+                        class="euiLink euiLink--primary"
+                        data-test-subj="flyoutInfoButton"
+                        style="margin-left: 12px;"
+                        type="button"
+                      >
+                        Info
+                      </button>
                     </div>
-                  </div>
-                </div>
-                <div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
+                  </span>
                   <div
-                    style="padding: 10px 0px;"
+                    class="euiCard__children"
                   >
                     <div
                       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+                      />
                       <div
                         class="euiFlexItem euiFlexItem--flexGrowZero"
                         style="height: 70px;"
@@ -2298,7 +2112,7 @@ exports[`<AnomalyDetectionOverview /> spec Some detectors created renders compon
         style="padding: 10px 0px;"
       >
         <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+          class="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--thirds euiFlexGrid--responsive"
         >
           <div
             class="euiFlexItem"
@@ -2307,89 +2121,57 @@ exports[`<AnomalyDetectionOverview /> spec Some detectors created renders compon
               style="height: auto;"
             >
               <div
-                betabadgelabel="INSTALLED"
-                class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                style="padding: 20px;"
+                class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--hasBetaBadge"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  style="padding: 0px;"
+                  class="euiCard__content"
                 >
-                  <div
-                    class="euiFlexItem"
+                  <span
+                    class="euiTitle euiTitle--small euiCard__title"
+                    id="random_html_idTitle"
                   >
                     <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                      data-test-subj="contentPanelTitle"
-                    >
-                      <div
-                        class="euiFlexItem"
+                      style="display: flex; flex-direction: row; align-content: flexStart;"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--large"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          style="display: flex; flex-direction: row; align-content: flexStart;"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--large"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M12.654 3.48c.248.225.552.389.888.467L11.24 9.43a1.99 1.99 0 00-.915-.404l2.33-5.547zM9.146 9.19a2.008 2.008 0 00-.769.64l-1.572-2c.311-.136.581-.35.785-.618l1.556 1.978zM5.581 7.956l-2.134 4.268a.5.5 0 01-.894-.448l2.134-4.268c.25.22.557.376.894.448zM1 15h13.5a.5.5 0 110 1H.5a.5.5 0 01-.5-.5v-14a.5.5 0 011 0V15zm5-8a1 1 0 110-2 1 1 0 010 2zm4 5a1 1 0 110-2 1 1 0 010 2zm4-9a1 1 0 110-2 1 1 0 010 2z"
-                            />
-                          </svg>
-                          <h2
-                            class="euiTitle euiTitle--small"
-                            style="margin-left: 12px; margin-top: -3px;"
-                          >
-                            Monitor HTTP responses
-                          </h2>
-                          <button
-                            class="euiLink euiLink--primary"
-                            data-test-subj="flyoutInfoButton"
-                            style="margin-left: 12px;"
-                            type="button"
-                          >
-                            Info
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem content-panel-subTitle"
-                        style="line-height: normal; max-width: 75%;"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
-                  >
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem"
-                      />
+                        <path
+                          d="M12.654 3.48c.248.225.552.389.888.467L11.24 9.43a1.99 1.99 0 00-.915-.404l2.33-5.547zM9.146 9.19a2.008 2.008 0 00-.769.64l-1.572-2c.311-.136.581-.35.785-.618l1.556 1.978zM5.581 7.956l-2.134 4.268a.5.5 0 01-.894-.448l2.134-4.268c.25.22.557.376.894.448zM1 15h13.5a.5.5 0 110 1H.5a.5.5 0 01-.5-.5v-14a.5.5 0 011 0V15zm5-8a1 1 0 110-2 1 1 0 010 2zm4 5a1 1 0 110-2 1 1 0 010 2zm4-9a1 1 0 110-2 1 1 0 010 2z"
+                        />
+                      </svg>
+                      <h2
+                        class="euiTitle euiTitle--small"
+                        style="margin-left: 12px; margin-top: -3px;"
+                      >
+                        Monitor HTTP responses
+                      </h2>
+                      <button
+                        class="euiLink euiLink--primary"
+                        data-test-subj="flyoutInfoButton"
+                        style="margin-left: 12px;"
+                        type="button"
+                      >
+                        Info
+                      </button>
                     </div>
-                  </div>
-                </div>
-                <div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
+                  </span>
                   <div
-                    style="padding: 10px 0px;"
+                    class="euiCard__children"
                   >
                     <div
                       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+                      />
                       <div
                         class="euiFlexItem euiFlexItem--flexGrowZero"
                         style="height: 70px;"
@@ -2441,6 +2223,17 @@ exports[`<AnomalyDetectionOverview /> spec Some detectors created renders compon
                     </div>
                   </div>
                 </div>
+                <span
+                  class="euiCard__betaBadgeWrapper"
+                >
+                  <span
+                    class="euiBetaBadge euiBetaBadge--hollow euiCard__betaBadge"
+                    id="random_html_idBetaBadge"
+                    title="INSTALLED"
+                  >
+                    INSTALLED
+                  </span>
+                </span>
               </div>
             </div>
           </div>
@@ -2451,88 +2244,57 @@ exports[`<AnomalyDetectionOverview /> spec Some detectors created renders compon
               style="height: auto;"
             >
               <div
-                class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                style="padding: 20px;"
+                class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  style="padding: 0px;"
+                  class="euiCard__content"
                 >
-                  <div
-                    class="euiFlexItem"
+                  <span
+                    class="euiTitle euiTitle--small euiCard__title"
+                    id="random_html_idTitle"
                   >
                     <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                      data-test-subj="contentPanelTitle"
-                    >
-                      <div
-                        class="euiFlexItem"
+                      style="display: flex; flex-direction: row; align-content: flexStart;"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--large"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          style="display: flex; flex-direction: row; align-content: flexStart;"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--large"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M14.447 3.724l-6-3a1 1 0 00-.894 0l-6 3A1 1 0 001 4.618v6.764a1 1 0 00.553.894l6 3a1 1 0 00.894 0l6-3a1 1 0 00.553-.894V4.618a1 1 0 00-.553-.894zM5.871 5.897l5.343-2.672 2.158 1.079L8 6.943zM8 1.618l2.096 1.048-5.353 2.677-2.115-1.039zM2 5.11l2.25 1.105V9a.5.5 0 001 0V6.706L7.5 7.811v6.321L2 11.382zm6.5 9.022v-6.32L14 5.11v6.272z"
-                            />
-                          </svg>
-                          <h2
-                            class="euiTitle euiTitle--small"
-                            style="margin-left: 12px; margin-top: -3px;"
-                          >
-                            Monitor eCommerce orders
-                          </h2>
-                          <button
-                            class="euiLink euiLink--primary"
-                            data-test-subj="flyoutInfoButton"
-                            style="margin-left: 12px;"
-                            type="button"
-                          >
-                            Info
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem content-panel-subTitle"
-                        style="line-height: normal; max-width: 75%;"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
-                  >
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem"
-                      />
+                        <path
+                          d="M14.447 3.724l-6-3a1 1 0 00-.894 0l-6 3A1 1 0 001 4.618v6.764a1 1 0 00.553.894l6 3a1 1 0 00.894 0l6-3a1 1 0 00.553-.894V4.618a1 1 0 00-.553-.894zM5.871 5.897l5.343-2.672 2.158 1.079L8 6.943zM8 1.618l2.096 1.048-5.353 2.677-2.115-1.039zM2 5.11l2.25 1.105V9a.5.5 0 001 0V6.706L7.5 7.811v6.321L2 11.382zm6.5 9.022v-6.32L14 5.11v6.272z"
+                        />
+                      </svg>
+                      <h2
+                        class="euiTitle euiTitle--small"
+                        style="margin-left: 12px; margin-top: -3px;"
+                      >
+                        Monitor eCommerce orders
+                      </h2>
+                      <button
+                        class="euiLink euiLink--primary"
+                        data-test-subj="flyoutInfoButton"
+                        style="margin-left: 12px;"
+                        type="button"
+                      >
+                        Info
+                      </button>
                     </div>
-                  </div>
-                </div>
-                <div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
+                  </span>
                   <div
-                    style="padding: 10px 0px;"
+                    class="euiCard__children"
                   >
                     <div
                       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+                      />
                       <div
                         class="euiFlexItem euiFlexItem--flexGrowZero"
                         style="height: 70px;"
@@ -2584,88 +2346,57 @@ exports[`<AnomalyDetectionOverview /> spec Some detectors created renders compon
               style="height: auto;"
             >
               <div
-                class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-                style="padding: 20px;"
+                class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  style="padding: 0px;"
+                  class="euiCard__content"
                 >
-                  <div
-                    class="euiFlexItem"
+                  <span
+                    class="euiTitle euiTitle--small euiCard__title"
+                    id="random_html_idTitle"
                   >
                     <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-                      data-test-subj="contentPanelTitle"
-                    >
-                      <div
-                        class="euiFlexItem"
+                      style="display: flex; flex-direction: row; align-content: flexStart;"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--large"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <div
-                          style="display: flex; flex-direction: row; align-content: flexStart;"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--large"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M12.877 5.847l-1.02 1.02a.5.5 0 01-.708-.707l1.1-1.099c-.05-.053-.1-.106-.152-.157A6.471 6.471 0 008 3.019V4.5a.5.5 0 01-1 0V3.019a6.47 6.47 0 00-4.261 2.055l1.07 1.071a.5.5 0 01-.706.707l-.99-.99A6.46 6.46 0 001.018 10H2.5a.5.5 0 110 1H1.174c.083.353.196.697.337 1.03a.5.5 0 11-.922.39A7.487 7.487 0 010 9.5a7.483 7.483 0 012.197-5.304A7.487 7.487 0 017.5 2a7.487 7.487 0 015.304 2.197A7.483 7.483 0 0115 9.5a7.487 7.487 0 01-.59 2.92.5.5 0 01-.92-.39c.14-.333.253-.677.336-1.03H12.5a.5.5 0 110-1h1.481a6.483 6.483 0 00-1.104-4.153zm-6.041 5.317a.993.993 0 01-.01-1.404c.384-.385 2.882-2.002 3.149-1.735.267.267-1.35 2.765-1.735 3.15a.993.993 0 01-1.404-.01z"
-                            />
-                          </svg>
-                          <h2
-                            class="euiTitle euiTitle--small"
-                            style="margin-left: 12px; margin-top: -3px;"
-                          >
-                            Monitor host health
-                          </h2>
-                          <button
-                            class="euiLink euiLink--primary"
-                            data-test-subj="flyoutInfoButton"
-                            style="margin-left: 12px;"
-                            type="button"
-                          >
-                            Info
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem content-panel-subTitle"
-                        style="line-height: normal; max-width: 75%;"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
-                  >
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-                    >
-                      <div
-                        class="euiFlexItem"
-                      />
+                        <path
+                          d="M12.877 5.847l-1.02 1.02a.5.5 0 01-.708-.707l1.1-1.099c-.05-.053-.1-.106-.152-.157A6.471 6.471 0 008 3.019V4.5a.5.5 0 01-1 0V3.019a6.47 6.47 0 00-4.261 2.055l1.07 1.071a.5.5 0 01-.706.707l-.99-.99A6.46 6.46 0 001.018 10H2.5a.5.5 0 110 1H1.174c.083.353.196.697.337 1.03a.5.5 0 11-.922.39A7.487 7.487 0 010 9.5a7.483 7.483 0 012.197-5.304A7.487 7.487 0 017.5 2a7.487 7.487 0 015.304 2.197A7.483 7.483 0 0115 9.5a7.487 7.487 0 01-.59 2.92.5.5 0 01-.92-.39c.14-.333.253-.677.336-1.03H12.5a.5.5 0 110-1h1.481a6.483 6.483 0 00-1.104-4.153zm-6.041 5.317a.993.993 0 01-.01-1.404c.384-.385 2.882-2.002 3.149-1.735.267.267-1.35 2.765-1.735 3.15a.993.993 0 01-1.404-.01z"
+                        />
+                      </svg>
+                      <h2
+                        class="euiTitle euiTitle--small"
+                        style="margin-left: 12px; margin-top: -3px;"
+                      >
+                        Monitor host health
+                      </h2>
+                      <button
+                        class="euiLink euiLink--primary"
+                        data-test-subj="flyoutInfoButton"
+                        style="margin-left: 12px;"
+                        type="button"
+                      >
+                        Info
+                      </button>
                     </div>
-                  </div>
-                </div>
-                <div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
+                  </span>
                   <div
-                    style="padding: 10px 0px;"
+                    class="euiCard__children"
                   >
                     <div
                       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
                     >
+                      <hr
+                        class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
+                      />
                       <div
                         class="euiFlexItem euiFlexItem--flexGrowZero"
                         style="height: 70px;"
diff --git a/public/pages/ReviewAndCreate/components/__tests__/__snapshots__/DetectorDefinitionFields.test.tsx.snap b/public/pages/ReviewAndCreate/components/__tests__/__snapshots__/DetectorDefinitionFields.test.tsx.snap
index ea9b77cd..1dd16f3f 100644
--- a/public/pages/ReviewAndCreate/components/__tests__/__snapshots__/DetectorDefinitionFields.test.tsx.snap
+++ b/public/pages/ReviewAndCreate/components/__tests__/__snapshots__/DetectorDefinitionFields.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`<AdditionalSettings /> spec renders the component in create mode (no ID
 <div>
   <div
     class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-    style="padding: 20px; margin: 0px;"
+    style="padding: 20px;"
   >
     <div
       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
@@ -353,7 +353,7 @@ exports[`<AdditionalSettings /> spec renders the component in edit mode (with ID
 <div>
   <div
     class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-    style="padding: 20px; margin: 0px;"
+    style="padding: 20px;"
   >
     <div
       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
diff --git a/public/pages/ReviewAndCreate/containers/__tests__/__snapshots__/ReviewAndCreate.test.tsx.snap b/public/pages/ReviewAndCreate/containers/__tests__/__snapshots__/ReviewAndCreate.test.tsx.snap
index 8aab4508..6d34eba6 100644
--- a/public/pages/ReviewAndCreate/containers/__tests__/__snapshots__/ReviewAndCreate.test.tsx.snap
+++ b/public/pages/ReviewAndCreate/containers/__tests__/__snapshots__/ReviewAndCreate.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`<ReviewAndCreate /> spec renders the component 1`] = `
     </header>
     <div
       class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-      style="padding: 20px; margin: 0px;"
+      style="padding: 20px;"
     >
       <div
         class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
@@ -843,7 +843,7 @@ exports[`<ReviewAndCreate /> spec renders the component 1`] = `
     />
     <div
       class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-      style="padding: 20px; margin: 0px;"
+      style="padding: 20px;"
     >
       <div
         class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"