diff --git a/src/panels/config/core/ha-config-system-navigation.ts b/src/panels/config/core/ha-config-system-navigation.ts
index a665215626..85f8c857d6 100644
--- a/src/panels/config/core/ha-config-system-navigation.ts
+++ b/src/panels/config/core/ha-config-system-navigation.ts
@@ -126,13 +126,15 @@ class HaConfigSystemNavigation extends LitElement {
           padding-bottom: 0;
         }
 
-        :host([narrow]) ha-card {
-          border-radius: 0;
-          box-shadow: unset;
-        }
-
-        :host([narrow]) ha-config-section {
-          margin-top: -42px;
+        @media all and (max-width: 600px) {
+          ha-card {
+            border-width: 1px 0;
+            border-radius: 0;
+            box-shadow: unset;
+          }
+          ha-config-section {
+            margin-top: -42px;
+          }
         }
 
         ha-navigation-list {
diff --git a/src/panels/config/dashboard/ha-config-dashboard.ts b/src/panels/config/dashboard/ha-config-dashboard.ts
index c0dd5b07a1..1ff795dafc 100644
--- a/src/panels/config/dashboard/ha-config-dashboard.ts
+++ b/src/panels/config/dashboard/ha-config-dashboard.ts
@@ -277,13 +277,16 @@ class HaConfigDashboard extends LitElement {
           padding: 16px;
           padding-bottom: 0;
         }
-        :host([narrow]) ha-card {
-          border-radius: 0;
-          box-shadow: unset;
-        }
 
-        :host([narrow]) ha-config-section {
-          margin-top: -42px;
+        @media all and (max-width: 600px) {
+          ha-card {
+            border-width: 1px 0;
+            border-radius: 0;
+            box-shadow: unset;
+          }
+          ha-config-section {
+            margin-top: -42px;
+          }
         }
 
         ha-tip {