diff --git a/panels/mailbox/ha-panel-mailbox.html b/panels/mailbox/ha-panel-mailbox.html
index 8355a9623c..2103a6d7d0 100644
--- a/panels/mailbox/ha-panel-mailbox.html
+++ b/panels/mailbox/ha-panel-mailbox.html
@@ -40,6 +40,11 @@
         cursor: pointer;
       }
 
+      .empty {
+        text-align: center;
+        color: var(--secondary-text-color);
+      }
+
       .header {
         @apply(--paper-font-title);
       }
@@ -99,7 +104,7 @@
       <div class='content'>
         <paper-card>
           <template is='dom-if' if='[[!_messages.length]]'>
-            <div class='card-content'>
+            <div class='card-content empty'>
               [[localize('ui.panel.mailbox.empty')]]
             </div>
           </template>