From 857755ac51eecd00c1966b1a09fd93c1cb9a5182 Mon Sep 17 00:00:00 2001
From: Dan Dong <danieldong51@gmail.com>
Date: Thu, 5 Sep 2024 12:37:41 -0700
Subject: [PATCH] Updated Snapshot Tests

---
 .../__snapshots__/ContentPanel.test.tsx.snap  |  20 ++--
 .../ChannelDetails.test.tsx.snap              |  70 +++++++-----
 .../__snapshots__/Channels.test.tsx.snap      |  36 +++---
 .../DetailsListModal.test.tsx.snap            |  52 ++++++++-
 .../DetailsTableModal.test.tsx.snap           | 104 ++++++++++++++++--
 .../ChannelNamePanel.test.tsx.snap            |  20 ++--
 .../__snapshots__/CreateChannel.test.tsx.snap |  10 +-
 .../CreateRecipientGroup.test.tsx.snap        |  10 +-
 .../CreateSESSender.test.tsx.snap             |  30 +++--
 .../__snapshots__/CreateSender.test.tsx.snap  |  30 +++--
 .../__snapshots__/EmailGroups.test.tsx.snap   |  10 +-
 .../__snapshots__/EmailSenders.test.tsx.snap  |  20 ++--
 .../RecipientGroupsTable.test.tsx.snap        |  36 +++---
 .../__snapshots__/SendersTable.test.tsx.snap  |  36 +++---
 .../__snapshots__/Main.test.tsx.snap          |  36 +++---
 15 files changed, 358 insertions(+), 162 deletions(-)

diff --git a/public/components/__tests__/__snapshots__/ContentPanel.test.tsx.snap b/public/components/__tests__/__snapshots__/ContentPanel.test.tsx.snap
index 4a277201..13d35e14 100644
--- a/public/components/__tests__/__snapshots__/ContentPanel.test.tsx.snap
+++ b/public/components/__tests__/__snapshots__/ContentPanel.test.tsx.snap
@@ -11,11 +11,13 @@ exports[`<ContentPanel /> spec renders the component 1`] = `
     <div
       class="euiFlexItem"
     >
-      <h3
-        class="euiTitle euiTitle--large"
+      <div
+        class="euiText euiText--small"
       >
-        Testing
-      </h3>
+        <h2>
+          Testing
+        </h2>
+      </div>
     </div>
     <div
       class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -57,11 +59,13 @@ exports[`<ContentPanel /> spec renders with empty actions 1`] = `
     <div
       class="euiFlexItem"
     >
-      <h3
-        class="euiTitle euiTitle--large"
+      <div
+        class="euiText euiText--small"
       >
-        Testing
-      </h3>
+        <h2>
+          Testing
+        </h2>
+      </div>
     </div>
   </div>
   <hr
diff --git a/public/pages/Channels/__tests__/__snapshots__/ChannelDetails.test.tsx.snap b/public/pages/Channels/__tests__/__snapshots__/ChannelDetails.test.tsx.snap
index f62687c9..b03d0e62 100644
--- a/public/pages/Channels/__tests__/__snapshots__/ChannelDetails.test.tsx.snap
+++ b/public/pages/Channels/__tests__/__snapshots__/ChannelDetails.test.tsx.snap
@@ -15,11 +15,13 @@ exports[`<ChannelDetails/> spec handles a non-existing channel 1`] = `
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
-          <h1
-            class="euiTitle euiTitle--large"
+          <div
+            class="euiText euiText--small"
           >
-            -
-          </h1>
+            <h1>
+              -
+            </h1>
+          </div>
         </div>
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -55,11 +57,13 @@ exports[`<ChannelDetails/> spec handles a non-existing channel 1`] = `
       <div
         class="euiFlexItem"
       >
-        <h3
-          class="euiTitle euiTitle--small"
+        <div
+          class="euiText euiText--small"
         >
-          Name and description
-        </h3>
+          <h2>
+            Name and description
+          </h2>
+        </div>
       </div>
     </div>
     <hr
@@ -153,11 +157,13 @@ exports[`<ChannelDetails/> spec handles a non-existing channel 1`] = `
       <div
         class="euiFlexItem"
       >
-        <h3
-          class="euiTitle euiTitle--small"
+        <div
+          class="euiText euiText--small"
         >
-          Configurations
-        </h3>
+          <h2>
+            Configurations
+          </h2>
+        </div>
       </div>
     </div>
     <hr
@@ -185,11 +191,13 @@ exports[`<ChannelDetails/> spec renders a specific channel 1`] = `
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
-          <h1
-            class="euiTitle euiTitle--large"
+          <div
+            class="euiText euiText--small"
           >
-            -
-          </h1>
+            <h1>
+              -
+            </h1>
+          </div>
         </div>
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -225,11 +233,13 @@ exports[`<ChannelDetails/> spec renders a specific channel 1`] = `
       <div
         class="euiFlexItem"
       >
-        <h3
-          class="euiTitle euiTitle--small"
+        <div
+          class="euiText euiText--small"
         >
-          Name and description
-        </h3>
+          <h2>
+            Name and description
+          </h2>
+        </div>
       </div>
     </div>
     <hr
@@ -323,11 +333,13 @@ exports[`<ChannelDetails/> spec renders a specific channel 1`] = `
       <div
         class="euiFlexItem"
       >
-        <h3
-          class="euiTitle euiTitle--small"
+        <div
+          class="euiText euiText--small"
         >
-          Configurations
-        </h3>
+          <h2>
+            Configurations
+          </h2>
+        </div>
       </div>
     </div>
     <hr
@@ -354,11 +366,13 @@ exports[`<ChannelDetails/> spec renders the component 1`] = `
       <div
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
-        <h1
-          class="euiTitle euiTitle--large"
+        <div
+          class="euiText euiText--small"
         >
-          -
-        </h1>
+          <h1>
+            -
+          </h1>
+        </div>
       </div>
       <div
         class="euiFlexItem euiFlexItem--flexGrowZero"
diff --git a/public/pages/Channels/__tests__/__snapshots__/Channels.test.tsx.snap b/public/pages/Channels/__tests__/__snapshots__/Channels.test.tsx.snap
index 70e53c08..77e8c13b 100644
--- a/public/pages/Channels/__tests__/__snapshots__/Channels.test.tsx.snap
+++ b/public/pages/Channels/__tests__/__snapshots__/Channels.test.tsx.snap
@@ -11,16 +11,18 @@ exports[`<Channels/> spec renders the empty component 1`] = `
     <div
       class="euiFlexItem"
     >
-      <h3
-        class="euiTitle euiTitle--medium"
+      <div
+        class="euiText euiText--small"
       >
-        Channels
-        <span
-          style="color: rgb(159, 159, 159); font-weight: 300;"
-        >
-           (0)
-        </span>
-      </h3>
+        <h2>
+          Channels
+          <span
+            style="color: rgb(159, 159, 159); font-weight: 300;"
+          >
+             (0)
+          </span>
+        </h2>
+      </div>
     </div>
     <div
       class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -490,11 +492,13 @@ exports[`<Channels/> spec renders the empty component 1`] = `
                     <div
                       class="euiEmptyPrompt"
                     >
-                      <h2
-                        class="euiTitle euiTitle--medium"
+                      <div
+                        class="euiText euiText--small euiTitle euiTitle--medium"
                       >
-                        No channels to display
-                      </h2>
+                        <h2>
+                          No channels to display
+                        </h2>
+                      </div>
                       <span
                         class="euiTextColor euiTextColor--subdued"
                       >
@@ -504,7 +508,11 @@ exports[`<Channels/> spec renders the empty component 1`] = `
                         <div
                           class="euiText euiText--medium"
                         >
-                          To send or receive notifications, you will need to create a notification channel.
+                          <div
+                            class="euiText euiText--small"
+                          >
+                            "To send or receive notifications, you will need to create a notification channel."
+                          </div>
                         </div>
                       </span>
                       <div
diff --git a/public/pages/Channels/__tests__/__snapshots__/DetailsListModal.test.tsx.snap b/public/pages/Channels/__tests__/__snapshots__/DetailsListModal.test.tsx.snap
index 2eafcd44..eae92f86 100644
--- a/public/pages/Channels/__tests__/__snapshots__/DetailsListModal.test.tsx.snap
+++ b/public/pages/Channels/__tests__/__snapshots__/DetailsListModal.test.tsx.snap
@@ -82,7 +82,13 @@ exports[`<DetailsListModal /> spec renders the component 1`] = `
                         <div
                           class="euiModalHeader__title"
                         >
-                          test header
+                          <div
+                            class="euiText euiText--small"
+                          >
+                            <h2>
+                              test header
+                            </h2>
+                          </div>
                         </div>
                       </div>
                       <div
@@ -313,7 +319,13 @@ exports[`<DetailsListModal /> spec renders the component 1`] = `
                                 <div
                                   class="euiModalHeader__title"
                                 >
-                                  test header
+                                  <div
+                                    class="euiText euiText--small"
+                                  >
+                                    <h2>
+                                      test header
+                                    </h2>
+                                  </div>
                                 </div>
                               </div>
                               <div
@@ -476,7 +488,13 @@ exports[`<DetailsListModal /> spec renders the component 1`] = `
                                   <div
                                     class="euiModalHeader__title"
                                   >
-                                    test header
+                                    <div
+                                      class="euiText euiText--small"
+                                    >
+                                      <h2>
+                                        test header
+                                      </h2>
+                                    </div>
                                   </div>
                                 </div>
                                 <div
@@ -639,7 +657,13 @@ exports[`<DetailsListModal /> spec renders the component 1`] = `
                                     <div
                                       class="euiModalHeader__title"
                                     >
-                                      test header
+                                      <div
+                                        class="euiText euiText--small"
+                                      >
+                                        <h2>
+                                          test header
+                                        </h2>
+                                      </div>
                                     </div>
                                   </div>
                                   <div
@@ -790,7 +814,13 @@ exports[`<DetailsListModal /> spec renders the component 1`] = `
                                       <div
                                         class="euiModalHeader__title"
                                       >
-                                        test header
+                                        <div
+                                          class="euiText euiText--small"
+                                        >
+                                          <h2>
+                                            test header
+                                          </h2>
+                                        </div>
                                       </div>
                                     </div>
                                     <div
@@ -995,7 +1025,17 @@ exports[`<DetailsListModal /> spec renders the component 1`] = `
                                   <div
                                     className="euiModalHeader__title"
                                   >
-                                    test header
+                                    <EuiText
+                                      size="s"
+                                    >
+                                      <div
+                                        className="euiText euiText--small"
+                                      >
+                                        <h2>
+                                          test header
+                                        </h2>
+                                      </div>
+                                    </EuiText>
                                   </div>
                                 </EuiModalHeaderTitle>
                               </div>
diff --git a/public/pages/Channels/__tests__/__snapshots__/DetailsTableModal.test.tsx.snap b/public/pages/Channels/__tests__/__snapshots__/DetailsTableModal.test.tsx.snap
index 1df1f38b..5ff99ef8 100644
--- a/public/pages/Channels/__tests__/__snapshots__/DetailsTableModal.test.tsx.snap
+++ b/public/pages/Channels/__tests__/__snapshots__/DetailsTableModal.test.tsx.snap
@@ -82,7 +82,13 @@ exports[`<DetailsTableModal /> spec renders headers 1`] = `
                         <div
                           class="euiModalHeader__title"
                         >
-                          test header
+                          <div
+                            class="euiText euiText--small"
+                          >
+                            <h2>
+                              test header
+                            </h2>
+                          </div>
                         </div>
                       </div>
                       <div
@@ -377,7 +383,13 @@ exports[`<DetailsTableModal /> spec renders headers 1`] = `
                                 <div
                                   class="euiModalHeader__title"
                                 >
-                                  test header
+                                  <div
+                                    class="euiText euiText--small"
+                                  >
+                                    <h2>
+                                      test header
+                                    </h2>
+                                  </div>
                                 </div>
                               </div>
                               <div
@@ -604,7 +616,13 @@ exports[`<DetailsTableModal /> spec renders headers 1`] = `
                                   <div
                                     class="euiModalHeader__title"
                                   >
-                                    test header
+                                    <div
+                                      class="euiText euiText--small"
+                                    >
+                                      <h2>
+                                        test header
+                                      </h2>
+                                    </div>
                                   </div>
                                 </div>
                                 <div
@@ -831,7 +849,13 @@ exports[`<DetailsTableModal /> spec renders headers 1`] = `
                                     <div
                                       class="euiModalHeader__title"
                                     >
-                                      test header
+                                      <div
+                                        class="euiText euiText--small"
+                                      >
+                                        <h2>
+                                          test header
+                                        </h2>
+                                      </div>
                                     </div>
                                   </div>
                                   <div
@@ -1046,7 +1070,13 @@ exports[`<DetailsTableModal /> spec renders headers 1`] = `
                                       <div
                                         class="euiModalHeader__title"
                                       >
-                                        test header
+                                        <div
+                                          class="euiText euiText--small"
+                                        >
+                                          <h2>
+                                            test header
+                                          </h2>
+                                        </div>
                                       </div>
                                     </div>
                                     <div
@@ -1315,7 +1345,17 @@ exports[`<DetailsTableModal /> spec renders headers 1`] = `
                                   <div
                                     className="euiModalHeader__title"
                                   >
-                                    test header
+                                    <EuiText
+                                      size="s"
+                                    >
+                                      <div
+                                        className="euiText euiText--small"
+                                      >
+                                        <h2>
+                                          test header
+                                        </h2>
+                                      </div>
+                                    </EuiText>
                                   </div>
                                 </EuiModalHeaderTitle>
                               </div>
@@ -1935,7 +1975,13 @@ exports[`<DetailsTableModal /> spec renders parameters 1`] = `
                         <div
                           class="euiModalHeader__title"
                         >
-                          test header
+                          <div
+                            class="euiText euiText--small"
+                          >
+                            <h2>
+                              test header
+                            </h2>
+                          </div>
                         </div>
                       </div>
                       <div
@@ -2230,7 +2276,13 @@ exports[`<DetailsTableModal /> spec renders parameters 1`] = `
                                 <div
                                   class="euiModalHeader__title"
                                 >
-                                  test header
+                                  <div
+                                    class="euiText euiText--small"
+                                  >
+                                    <h2>
+                                      test header
+                                    </h2>
+                                  </div>
                                 </div>
                               </div>
                               <div
@@ -2457,7 +2509,13 @@ exports[`<DetailsTableModal /> spec renders parameters 1`] = `
                                   <div
                                     class="euiModalHeader__title"
                                   >
-                                    test header
+                                    <div
+                                      class="euiText euiText--small"
+                                    >
+                                      <h2>
+                                        test header
+                                      </h2>
+                                    </div>
                                   </div>
                                 </div>
                                 <div
@@ -2684,7 +2742,13 @@ exports[`<DetailsTableModal /> spec renders parameters 1`] = `
                                     <div
                                       class="euiModalHeader__title"
                                     >
-                                      test header
+                                      <div
+                                        class="euiText euiText--small"
+                                      >
+                                        <h2>
+                                          test header
+                                        </h2>
+                                      </div>
                                     </div>
                                   </div>
                                   <div
@@ -2899,7 +2963,13 @@ exports[`<DetailsTableModal /> spec renders parameters 1`] = `
                                       <div
                                         class="euiModalHeader__title"
                                       >
-                                        test header
+                                        <div
+                                          class="euiText euiText--small"
+                                        >
+                                          <h2>
+                                            test header
+                                          </h2>
+                                        </div>
                                       </div>
                                     </div>
                                     <div
@@ -3168,7 +3238,17 @@ exports[`<DetailsTableModal /> spec renders parameters 1`] = `
                                   <div
                                     className="euiModalHeader__title"
                                   >
-                                    test header
+                                    <EuiText
+                                      size="s"
+                                    >
+                                      <div
+                                        className="euiText euiText--small"
+                                      >
+                                        <h2>
+                                          test header
+                                        </h2>
+                                      </div>
+                                    </EuiText>
                                   </div>
                                 </EuiModalHeaderTitle>
                               </div>
diff --git a/public/pages/CreateChannel/__tests__/__snapshots__/ChannelNamePanel.test.tsx.snap b/public/pages/CreateChannel/__tests__/__snapshots__/ChannelNamePanel.test.tsx.snap
index 0e4b7f41..303884b0 100644
--- a/public/pages/CreateChannel/__tests__/__snapshots__/ChannelNamePanel.test.tsx.snap
+++ b/public/pages/CreateChannel/__tests__/__snapshots__/ChannelNamePanel.test.tsx.snap
@@ -11,11 +11,13 @@ exports[`<ChannelNamePanel/> spec renders errors 1`] = `
     <div
       class="euiFlexItem"
     >
-      <h3
-        class="euiTitle euiTitle--small"
+      <div
+        class="euiText euiText--small"
       >
-        Name and description
-      </h3>
+        <h2>
+          Name and description
+        </h2>
+      </div>
     </div>
   </div>
   <hr
@@ -118,11 +120,13 @@ exports[`<ChannelNamePanel/> spec renders the component 1`] = `
     <div
       class="euiFlexItem"
     >
-      <h3
-        class="euiTitle euiTitle--small"
+      <div
+        class="euiText euiText--small"
       >
-        Name and description
-      </h3>
+        <h2>
+          Name and description
+        </h2>
+      </div>
     </div>
   </div>
   <hr
diff --git a/public/pages/CreateChannel/__tests__/__snapshots__/CreateChannel.test.tsx.snap b/public/pages/CreateChannel/__tests__/__snapshots__/CreateChannel.test.tsx.snap
index c93e8141..af83701e 100644
--- a/public/pages/CreateChannel/__tests__/__snapshots__/CreateChannel.test.tsx.snap
+++ b/public/pages/CreateChannel/__tests__/__snapshots__/CreateChannel.test.tsx.snap
@@ -1,9 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<CreateChannel/> spec renders the component 1`] = `
-<h1
-  class="euiTitle euiTitle--large"
+<div
+  class="euiText euiText--small"
 >
-  Create channel
-</h1>
+  <h1>
+    Create channel
+  </h1>
+</div>
 `;
diff --git a/public/pages/Emails/__tests__/__snapshots__/CreateRecipientGroup.test.tsx.snap b/public/pages/Emails/__tests__/__snapshots__/CreateRecipientGroup.test.tsx.snap
index 3bd7021d..4009d0b8 100644
--- a/public/pages/Emails/__tests__/__snapshots__/CreateRecipientGroup.test.tsx.snap
+++ b/public/pages/Emails/__tests__/__snapshots__/CreateRecipientGroup.test.tsx.snap
@@ -1,9 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<CreateRecipientGroup/> spec renders the component 1`] = `
-<h1
-  class="euiTitle euiTitle--large"
+<div
+  class="euiText euiText--small"
 >
-  Create recipient group
-</h1>
+  <h1>
+    Create recipient group
+  </h1>
+</div>
 `;
diff --git a/public/pages/Emails/__tests__/__snapshots__/CreateSESSender.test.tsx.snap b/public/pages/Emails/__tests__/__snapshots__/CreateSESSender.test.tsx.snap
index 30e8145c..97b70161 100644
--- a/public/pages/Emails/__tests__/__snapshots__/CreateSESSender.test.tsx.snap
+++ b/public/pages/Emails/__tests__/__snapshots__/CreateSESSender.test.tsx.snap
@@ -1,25 +1,31 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<CreateSESSender/> spec handles failed requests 1`] = `
-<h1
-  class="euiTitle euiTitle--large"
+<div
+  class="euiText euiText--small"
 >
-  Edit SES sender
-</h1>
+  <h1>
+    Edit SES sender
+  </h1>
+</div>
 `;
 
 exports[`<CreateSESSender/> spec renders the component 1`] = `
-<h1
-  class="euiTitle euiTitle--large"
+<div
+  class="euiText euiText--small"
 >
-  Create SES sender
-</h1>
+  <h1>
+    Create SES sender
+  </h1>
+</div>
 `;
 
 exports[`<CreateSESSender/> spec renders the component for editing 1`] = `
-<h1
-  class="euiTitle euiTitle--large"
+<div
+  class="euiText euiText--small"
 >
-  Edit SES sender
-</h1>
+  <h1>
+    Edit SES sender
+  </h1>
+</div>
 `;
diff --git a/public/pages/Emails/__tests__/__snapshots__/CreateSender.test.tsx.snap b/public/pages/Emails/__tests__/__snapshots__/CreateSender.test.tsx.snap
index b6ff392a..68449f39 100644
--- a/public/pages/Emails/__tests__/__snapshots__/CreateSender.test.tsx.snap
+++ b/public/pages/Emails/__tests__/__snapshots__/CreateSender.test.tsx.snap
@@ -1,25 +1,31 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<CreateSender/> spec handles failed requests 1`] = `
-<h1
-  class="euiTitle euiTitle--large"
+<div
+  class="euiText euiText--small"
 >
-  Edit SMTP sender
-</h1>
+  <h1>
+    Edit SMTP sender
+  </h1>
+</div>
 `;
 
 exports[`<CreateSender/> spec renders the component 1`] = `
-<h1
-  class="euiTitle euiTitle--large"
+<div
+  class="euiText euiText--small"
 >
-  Create SMTP sender
-</h1>
+  <h1>
+    Create SMTP sender
+  </h1>
+</div>
 `;
 
 exports[`<CreateSender/> spec renders the component for editing 1`] = `
-<h1
-  class="euiTitle euiTitle--large"
+<div
+  class="euiText euiText--small"
 >
-  Edit SMTP sender
-</h1>
+  <h1>
+    Edit SMTP sender
+  </h1>
+</div>
 `;
diff --git a/public/pages/Emails/__tests__/__snapshots__/EmailGroups.test.tsx.snap b/public/pages/Emails/__tests__/__snapshots__/EmailGroups.test.tsx.snap
index ed8880f6..a4b40b5b 100644
--- a/public/pages/Emails/__tests__/__snapshots__/EmailGroups.test.tsx.snap
+++ b/public/pages/Emails/__tests__/__snapshots__/EmailGroups.test.tsx.snap
@@ -1,9 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<EmailGroups/> spec renders the component 1`] = `
-<h1
-  class="euiTitle euiTitle--large"
+<div
+  class="euiText euiText--small"
 >
-  Email recipient groups
-</h1>
+  <h1>
+    Email recipient groups
+  </h1>
+</div>
 `;
diff --git a/public/pages/Emails/__tests__/__snapshots__/EmailSenders.test.tsx.snap b/public/pages/Emails/__tests__/__snapshots__/EmailSenders.test.tsx.snap
index 1483fdaa..00e42cc1 100644
--- a/public/pages/Emails/__tests__/__snapshots__/EmailSenders.test.tsx.snap
+++ b/public/pages/Emails/__tests__/__snapshots__/EmailSenders.test.tsx.snap
@@ -1,17 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<EmailSenders/> spec renders the component with SMTP config type 1`] = `
-<h1
-  class="euiTitle euiTitle--large"
+<div
+  class="euiText euiText--small"
 >
-  Email senders
-</h1>
+  <h1>
+    Email senders
+  </h1>
+</div>
 `;
 
 exports[`<EmailSenders/> spec renders the component without SMTP config type 1`] = `
-<h1
-  class="euiTitle euiTitle--large"
+<div
+  class="euiText euiText--small"
 >
-  Email senders
-</h1>
+  <h1>
+    Email senders
+  </h1>
+</div>
 `;
diff --git a/public/pages/Emails/__tests__/__snapshots__/RecipientGroupsTable.test.tsx.snap b/public/pages/Emails/__tests__/__snapshots__/RecipientGroupsTable.test.tsx.snap
index ebb37281..fb2a223c 100644
--- a/public/pages/Emails/__tests__/__snapshots__/RecipientGroupsTable.test.tsx.snap
+++ b/public/pages/Emails/__tests__/__snapshots__/RecipientGroupsTable.test.tsx.snap
@@ -11,16 +11,18 @@ exports[`<RecipientGroupsTable /> spec renders empty state 1`] = `
     <div
       class="euiFlexItem"
     >
-      <h3
-        class="euiTitle euiTitle--medium"
+      <div
+        class="euiText euiText--small"
       >
-        Recipient groups
-        <span
-          style="color: rgb(159, 159, 159); font-weight: 300;"
-        >
-           (0)
-        </span>
-      </h3>
+        <h2>
+          Recipient groups
+          <span
+            style="color: rgb(159, 159, 159); font-weight: 300;"
+          >
+             (0)
+          </span>
+        </h2>
+      </div>
     </div>
     <div
       class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -368,11 +370,13 @@ exports[`<RecipientGroupsTable /> spec renders empty state 1`] = `
                     <div
                       class="euiEmptyPrompt"
                     >
-                      <h2
-                        class="euiTitle euiTitle--medium"
+                      <div
+                        class="euiText euiText--small euiTitle euiTitle--medium"
                       >
-                        No recipient groups to display
-                      </h2>
+                        <h2>
+                          No recipient groups to display
+                        </h2>
+                      </div>
                       <span
                         class="euiTextColor euiTextColor--subdued"
                       >
@@ -382,7 +386,11 @@ exports[`<RecipientGroupsTable /> spec renders empty state 1`] = `
                         <div
                           class="euiText euiText--medium"
                         >
-                          Use an email group to manage a list of email addresses you frequently send at a time. You can select recipient groups when configuring email channels.
+                          <div
+                            class="euiText euiText--small"
+                          >
+                            Use an email group to manage a list of email addresses you frequently send at a time. You can select recipient groups when configuring email channels.
+                          </div>
                         </div>
                       </span>
                       <div
diff --git a/public/pages/Emails/__tests__/__snapshots__/SendersTable.test.tsx.snap b/public/pages/Emails/__tests__/__snapshots__/SendersTable.test.tsx.snap
index 8a9c87cd..647c1655 100644
--- a/public/pages/Emails/__tests__/__snapshots__/SendersTable.test.tsx.snap
+++ b/public/pages/Emails/__tests__/__snapshots__/SendersTable.test.tsx.snap
@@ -11,16 +11,18 @@ exports[`<SendersTable /> spec renders empty state 1`] = `
     <div
       class="euiFlexItem"
     >
-      <h3
-        class="euiTitle euiTitle--medium"
+      <div
+        class="euiText euiText--small"
       >
-        SMTP senders
-        <span
-          style="color: rgb(159, 159, 159); font-weight: 300;"
-        >
-           (0)
-        </span>
-      </h3>
+        <h2>
+          SMTP senders
+          <span
+            style="color: rgb(159, 159, 159); font-weight: 300;"
+          >
+             (0)
+          </span>
+        </h2>
+      </div>
     </div>
     <div
       class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -470,11 +472,13 @@ exports[`<SendersTable /> spec renders empty state 1`] = `
                     <div
                       class="euiEmptyPrompt"
                     >
-                      <h2
-                        class="euiTitle euiTitle--medium"
+                      <div
+                        class="euiText euiText--small euiTitle euiTitle--medium"
                       >
-                        No SMTP senders to display
-                      </h2>
+                        <h2>
+                          No SMTP senders to display
+                        </h2>
+                      </div>
                       <span
                         class="euiTextColor euiTextColor--subdued"
                       >
@@ -484,7 +488,11 @@ exports[`<SendersTable /> spec renders empty state 1`] = `
                         <div
                           class="euiText euiText--medium"
                         >
-                          Set up an outbound email server by creating a sender. You will select a sender when configuring email channels.
+                          <div
+                            class="euiText euiText--small"
+                          >
+                            Set up an outbound email server by creating a sender. You will select a sender when configuring email channels.
+                          </div>
                         </div>
                       </span>
                       <div
diff --git a/public/pages/Main/__tests__/__snapshots__/Main.test.tsx.snap b/public/pages/Main/__tests__/__snapshots__/Main.test.tsx.snap
index 9f5714fe..49182f1a 100644
--- a/public/pages/Main/__tests__/__snapshots__/Main.test.tsx.snap
+++ b/public/pages/Main/__tests__/__snapshots__/Main.test.tsx.snap
@@ -116,16 +116,18 @@ exports[`<Main /> spec renders the component 1`] = `
         <div
           class="euiFlexItem"
         >
-          <h3
-            class="euiTitle euiTitle--medium"
+          <div
+            class="euiText euiText--small"
           >
-            Channels
-            <span
-              style="color: rgb(159, 159, 159); font-weight: 300;"
-            >
-               (0)
-            </span>
-          </h3>
+            <h2>
+              Channels
+              <span
+                style="color: rgb(159, 159, 159); font-weight: 300;"
+              >
+                 (0)
+              </span>
+            </h2>
+          </div>
         </div>
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -595,11 +597,13 @@ exports[`<Main /> spec renders the component 1`] = `
                         <div
                           class="euiEmptyPrompt"
                         >
-                          <h2
-                            class="euiTitle euiTitle--medium"
+                          <div
+                            class="euiText euiText--small euiTitle euiTitle--medium"
                           >
-                            No channels to display
-                          </h2>
+                            <h2>
+                              No channels to display
+                            </h2>
+                          </div>
                           <span
                             class="euiTextColor euiTextColor--subdued"
                           >
@@ -609,7 +613,11 @@ exports[`<Main /> spec renders the component 1`] = `
                             <div
                               class="euiText euiText--medium"
                             >
-                              To send or receive notifications, you will need to create a notification channel.
+                              <div
+                                class="euiText euiText--small"
+                              >
+                                "To send or receive notifications, you will need to create a notification channel."
+                              </div>
                             </div>
                           </span>
                           <div