diff --git a/src/panels/dev-info/system-health-card.ts b/src/panels/dev-info/system-health-card.ts
index 753a2aa851..fbe78da9b6 100644
--- a/src/panels/dev-info/system-health-card.ts
+++ b/src/panels/dev-info/system-health-card.ts
@@ -51,7 +51,9 @@ class SystemHealthCard extends LitElement {
     if (!this._info) {
       sections.push(
         html`
-          <paper-spinner active></paper-spinner>
+          <div class="loading-container">
+            <paper-spinner active></paper-spinner>
+          </div>
         `
       );
     } else {
@@ -120,6 +122,12 @@ class SystemHealthCard extends LitElement {
       td:first-child {
         width: 33%;
       }
+
+      .loading-container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
     `;
   }
 }
diff --git a/src/panels/dev-info/system-log-card.ts b/src/panels/dev-info/system-log-card.ts
index 11104a5dc5..59c11ca61c 100644
--- a/src/panels/dev-info/system-log-card.ts
+++ b/src/panels/dev-info/system-log-card.ts
@@ -137,9 +137,10 @@ class SystemLogCard extends LitElement {
       }
 
       .loading-container {
-        @apply --layout-vertical;
-        @apply --layout-center-center;
         height: 100px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
     `;
   }