chore(vth-frontend): fix the vth logo focus issue

frameless · Feb 13, 2024 · 195e1a0 · 195e1a0
1 parent 96b7918
commit 195e1a0
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/apps/vth-frontend/src/styles/globals.css b/apps/vth-frontend/src/styles/globals.css
@@ -73,8 +73,8 @@ a {
 }
 
 .utrecht-logo__wrapper {
-  padding-block-end: var(--utrecht-logo-wrapper-padding-block-end, 16px);
-  padding-inline-start: var(--utrecht-logo-wrapper-padding-block-start, 16px);
+  margin-block-end: var(--utrecht-logo-wrapper-margin-block-end, 16px);
+  margin-inline-start: var(--utrecht-logo-wrapper-margin-block-start, 16px);
 }
 
 .utrecht-navigation--mobile:has(button[aria-expanded="false"]) {
@@ -168,8 +168,8 @@ a {
 @media screen and (width > 360px) {
   .utrecht-page-header {
     --utrecht-page-header-padding-block-start: 32px;
-    --utrecht-logo-wrapper-padding-block-start: 32px;
-    --utrecht-logo-wrapper-padding-block-end: 32px;
+    --utrecht-logo-wrapper-margin-block-start: 32px;
+    --utrecht-logo-wrapper-margin-block-end: 32px;
     --utrecht-navigation-toggle-button-padding-end: 32px;
   }
 }