diff --git a/assets/css/099_site_header.css b/assets/css/099_site_header.css
index e5e7330..71dd4f3 100644
--- a/assets/css/099_site_header.css
+++ b/assets/css/099_site_header.css
@@ -3,17 +3,17 @@
  *************************/
 
 .site-header {
-  border-bottom: 3px solid var(--gray6);
+  font-size: var(--text-xxl);
+  margin-block-start: var(--space-xl);
+  padding-block-end: var(--space-xl);
 }
 
-.site-header__container {
-  align-items: baseline;
-  display: flex;
+.site-header__content {
   gap: var(--space-l);
 
   .site-header__title {
     font-family: var(--font-family-heading);
-    font-size: var(--text-l);
+    font-size: var(--text-xxl);
     font-weight: 600;
     letter-spacing: 0.05em;
 
@@ -23,14 +23,15 @@
   }
 
   .site-header__nav {
-    font-size: smaller;
+    font-size: var(--text-s);
     font-weight: normal;
 
     ul {
       display: flex;
       gap: var(--space-xs);
       list-style: none;
-      padding-inline: 0;
+      margin: 0;
+      padding: 0;
 
       li {
         margin: 0;
diff --git a/layouts/partials/site/header.html b/layouts/partials/site/header.html
index ced3dcb..33b3ddd 100644
--- a/layouts/partials/site/header.html
+++ b/layouts/partials/site/header.html
@@ -1,4 +1,4 @@
-<div class="site-header__container">
+<div class="site-header__content">
   <aside class="site-header__title  text-color--gradient"><a href="{{ ($.Site.GetPage "/").Permalink }}">{{ site.Title }}</a></aside>
   {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
 </div>