diff --git a/src/components/MainHeader.astro b/src/components/MainHeader.astro
index 5de9cfa..ffc68a6 100644
--- a/src/components/MainHeader.astro
+++ b/src/components/MainHeader.astro
@@ -17,7 +17,7 @@ const marginBottom = {
 <header>
   <h1 class={`${marginBottom} text-12.8 c-primary font-bold font-title`}>
     <div
-      class="inline-block"
+      class="box-content inline-block pr-2"
       transition:name="site-title"
       data-disable-transition-on-theme
     >
diff --git a/src/components/MobileHeader.astro b/src/components/MobileHeader.astro
index bd3cf0f..ff65ef4 100644
--- a/src/components/MobileHeader.astro
+++ b/src/components/MobileHeader.astro
@@ -9,7 +9,7 @@ const { getLocalizedPath } = getPagePath(currentPath)
 
 <header class="mt-4.7 text-8.6 c-secondary font-bold font-title lg:hidden">
   <div
-    class="inline-block"
+    class="box-content inline-block pr-2"
     transition:name="site-title"
     data-disable-transition-on-theme
   >