diff --git a/src/panels/config/dashboard/dashboard-card.ts b/src/panels/config/dashboard/dashboard-card.ts
index b737152442..663500dc33 100644
--- a/src/panels/config/dashboard/dashboard-card.ts
+++ b/src/panels/config/dashboard/dashboard-card.ts
@@ -58,7 +58,7 @@ export class DashboardCard extends LitElement {
     .card-header {
       padding: 12px;
       display: block;
-      text-align: left;
+      text-align: var(--float-start);
       gap: 8px;
     }
     .preview {
diff --git a/src/panels/config/integrations/ha-config-integration-page.ts b/src/panels/config/integrations/ha-config-integration-page.ts
index 744b3fd181..74f5be55d6 100644
--- a/src/panels/config/integrations/ha-config-integration-page.ts
+++ b/src/panels/config/integrations/ha-config-integration-page.ts
@@ -907,7 +907,7 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
           justify-content: space-between;
         }
         .title h1 {
-          font-family: Roboto;
+          font-family: var(--ha-font-family-body);
           font-size: 32px;
           font-weight: 700;
           line-height: 40px;
@@ -938,6 +938,8 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
           display: flex;
           justify-content: center;
           margin-right: 16px;
+          margin-inline-end: 16px;
+          margin-inline-start: initial;
           padding: 0 8px;
         }
         .logo-container img {
@@ -971,7 +973,7 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
           margin-inline-start: 16px;
           margin-top: 6px;
           margin-bottom: 6px;
-          font-family: Roboto;
+          font-family: var(--ha-font-family-body);
           font-size: 14px;
           font-weight: 500;
           line-height: 20px;