diff --git a/src/panels/config/cloud/ha-config-cloud-google-assistant.ts b/src/panels/config/cloud/ha-config-cloud-google-assistant.ts
index 74e51dd90b..881f20f875 100644
--- a/src/panels/config/cloud/ha-config-cloud-google-assistant.ts
+++ b/src/panels/config/cloud/ha-config-cloud-google-assistant.ts
@@ -278,7 +278,10 @@ class CloudGoogleAssistant extends LitElement {
     return css`
       .banner {
         color: var(--primary-text-color);
-        background-color: var(--card-background-color);
+        background-color: var(
+          --ha-card-background,
+          var(--paper-card-background-color, white)
+        );
         padding: 16px 8px;
         text-align: center;
       }