diff --git a/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap b/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap
index 67e58e992ad9b..3a85403c5649a 100644
--- a/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap
+++ b/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap
@@ -96,14 +96,14 @@ Array [
 
 exports[`extend index management ilm summary extension should render a phase definition panel when lifecycle has phase definition 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-2-responsive"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row"
 >
   <div
-    class="euiFlexItem emotion-euiFlexItem-grow-1"
-    data-test-subj="policyPropertiesPanel"
+    class="euiFlexItem emotion-EuiFlexItem"
   >
     <div
-      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow"
+      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain-hasBorder"
+      data-test-subj="policyPropertiesPanel"
     >
       <div
         class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-center-row"
@@ -112,7 +112,7 @@ exports[`extend index management ilm summary extension should render a phase def
           class="euiFlexItem emotion-euiFlexItem-growZero"
         >
           <div
-            class="euiText emotion-euiText-m"
+            class="euiText emotion-euiText-xs"
           >
             <h3>
               Lifecycle policy
@@ -223,14 +223,14 @@ exports[`extend index management ilm summary extension should render a phase def
     </div>
   </div>
   <div
-    class="euiFlexItem emotion-euiFlexItem-grow-1"
-    data-test-subj="phaseDefinitionPanel"
+    class="euiFlexItem emotion-EuiFlexItem"
   >
     <div
-      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow"
+      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain-hasBorder"
+      data-test-subj="phaseDefinitionPanel"
     >
       <div
-        class="euiText emotion-euiText-m"
+        class="euiText emotion-euiText-xs"
       >
         <h3>
           Current phase definition
@@ -267,14 +267,14 @@ exports[`extend index management ilm summary extension should render a phase def
 
 exports[`extend index management ilm summary extension should render a step info panel when lifecycle is waiting for a step completion 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-2-responsive"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row"
 >
   <div
-    class="euiFlexItem emotion-euiFlexItem-grow-1"
-    data-test-subj="policyPropertiesPanel"
+    class="euiFlexItem emotion-EuiFlexItem"
   >
     <div
-      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow"
+      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain-hasBorder"
+      data-test-subj="policyPropertiesPanel"
     >
       <div
         class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-center-row"
@@ -283,7 +283,7 @@ exports[`extend index management ilm summary extension should render a step info
           class="euiFlexItem emotion-euiFlexItem-growZero"
         >
           <div
-            class="euiText emotion-euiText-m"
+            class="euiText emotion-euiText-xs"
           >
             <h3>
               Lifecycle policy
@@ -394,14 +394,14 @@ exports[`extend index management ilm summary extension should render a step info
     </div>
   </div>
   <div
-    class="euiFlexItem emotion-euiFlexItem-grow-1"
-    data-test-subj="policyStepPanel"
+    class="euiFlexItem emotion-EuiFlexItem"
   >
     <div
-      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow"
+      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain-hasBorder"
+      data-test-subj="policyStepPanel"
     >
       <div
-        class="euiText emotion-euiText-m"
+        class="euiText emotion-euiText-xs"
       >
         <h3>
           Current step info
@@ -425,20 +425,23 @@ exports[`extend index management ilm summary extension should render a step info
         </div>
       </div>
     </div>
+    <div
+      class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
+    />
   </div>
 </div>
 `;
 
 exports[`extend index management ilm summary extension should render an error panel when index has lifecycle error 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-2-responsive"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row"
 >
   <div
-    class="euiFlexItem emotion-euiFlexItem-grow-1"
-    data-test-subj="policyPropertiesPanel"
+    class="euiFlexItem emotion-EuiFlexItem"
   >
     <div
-      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow"
+      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain-hasBorder"
+      data-test-subj="policyPropertiesPanel"
     >
       <div
         class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-center-row"
@@ -447,7 +450,7 @@ exports[`extend index management ilm summary extension should render an error pa
           class="euiFlexItem emotion-euiFlexItem-growZero"
         >
           <div
-            class="euiText emotion-euiText-m"
+            class="euiText emotion-euiText-xs"
           >
             <h3>
               Lifecycle policy
@@ -558,14 +561,14 @@ exports[`extend index management ilm summary extension should render an error pa
     </div>
   </div>
   <div
-    class="euiFlexItem emotion-euiFlexItem-grow-1"
-    data-test-subj="policyErrorPanel"
+    class="euiFlexItem emotion-EuiFlexItem"
   >
     <div
-      class="euiPanel euiPanel--danger euiPanel--paddingMedium emotion-euiPanel-grow-m-m-danger"
+      class="euiPanel euiPanel--danger euiPanel--paddingMedium emotion-euiPanel-m-m-danger"
+      data-test-subj="policyErrorPanel"
     >
       <div
-        class="euiText emotion-euiText-m"
+        class="euiText emotion-euiText-xs"
       >
         <h3>
           Lifecycle error
@@ -590,20 +593,23 @@ exports[`extend index management ilm summary extension should render an error pa
         </div>
       </div>
     </div>
+    <div
+      class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
+    />
   </div>
 </div>
 `;
 
 exports[`extend index management ilm summary extension should render the tab when index has lifecycle policy 1`] = `
 <div
-  class="euiFlexGrid emotion-euiFlexGrid-l-row-stretch-2-responsive"
+  class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row"
 >
   <div
-    class="euiFlexItem emotion-euiFlexItem-grow-1"
-    data-test-subj="policyPropertiesPanel"
+    class="euiFlexItem emotion-EuiFlexItem"
   >
     <div
-      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow"
+      class="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain-hasBorder"
+      data-test-subj="policyPropertiesPanel"
     >
       <div
         class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-center-row"
@@ -612,7 +618,7 @@ exports[`extend index management ilm summary extension should render the tab whe
           class="euiFlexItem emotion-euiFlexItem-growZero"
         >
           <div
-            class="euiText emotion-euiText-m"
+            class="euiText emotion-euiText-xs"
           >
             <h3>
               Lifecycle policy
@@ -721,6 +727,9 @@ exports[`extend index management ilm summary extension should render the tab whe
       </dl>
     </div>
   </div>
+  <div
+    class="euiFlexItem emotion-EuiFlexItem"
+  />
 </div>
 `;