diff --git a/assets/sass/components/header/_header.scss b/assets/sass/components/header/_header.scss
index bc2a229..1112823 100644
--- a/assets/sass/components/header/_header.scss
+++ b/assets/sass/components/header/_header.scss
@@ -2,10 +2,11 @@
 
 .header,
 %header {
+  --header-gap: var(--spacing-s);
   padding-block: var(--gutters);
   display: flex;
   flex-direction: column;
-  gap: var(--gutters);
+  gap: var(--header-gap);
   background-color: var(--color-header-bg);
 
   @media (min-width: 666px) {