From 01aa2afc1592fd4baa9b55e5dec42957e1bcad26 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Wed, 11 Dec 2024 02:11:56 -0500
Subject: [PATCH] Move `display: flex` to shared rule

---
 src/components/page/page.styles.ts | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/page/page.styles.ts b/src/components/page/page.styles.ts
index d819c451a..faee22624 100644
--- a/src/components/page/page.styles.ts
+++ b/src/components/page/page.styles.ts
@@ -16,11 +16,11 @@ export default css`
   }
 
   slot[name]:not([name='skip-to-content'], [name='navigation-toggle'])::slotted(*) {
+    display: flex;
     background-color: var(--wa-color-surface-default);
   }
 
   ::slotted([slot='banner']) {
-    display: flex;
     align-items: center;
     justify-content: center;
     gap: var(--wa-space-m);
@@ -28,7 +28,6 @@ export default css`
   }
 
   ::slotted([slot='header']) {
-    display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
@@ -38,7 +37,6 @@ export default css`
   }
 
   ::slotted([slot='subheader']) {
-    display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
@@ -49,14 +47,12 @@ export default css`
   ::slotted([slot*='navigation']),
   ::slotted([slot='menu']),
   ::slotted([slot='aside']) {
-    display: flex;
     flex-direction: column;
     gap: var(--wa-space-m);
     padding: var(--wa-space-m);
   }
 
   ::slotted([slot='main-header']) {
-    display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
@@ -70,7 +66,6 @@ export default css`
 
   ::slotted([slot='main-footer']),
   ::slotted([slot='footer']) {
-    display: flex;
     align-items: start;
     justify-content: space-between;
     flex-wrap: wrap;