diff --git a/assets/scss/header.scss b/assets/scss/header.scss
index 895dd7d..4f5ab11 100644
--- a/assets/scss/header.scss
+++ b/assets/scss/header.scss
@@ -57,7 +57,7 @@
 
 .header-item {
     margin: auto;
-    margin-left: 2.5rem;
+    margin-inline: 1rem;
     color: inherit;
 }
 
diff --git a/assets/scss/index.scss b/assets/scss/index.scss
index 44b4835..951409e 100644
--- a/assets/scss/index.scss
+++ b/assets/scss/index.scss
@@ -4,21 +4,21 @@ $font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubunt
 
     {{ if .name }}
 
+        {{ if .url }}
+
+            @font-face {
+                font-family: {{ .name }};
+                src: url({{ .url }}) format( {{ .format | default "ttf" }} );
+                font-weight: 400;
+                font-style: normal;
+            }
+
+        {{ end }}
+
         $font: {{ .name }} !important;
 
     {{ end }}
 
-    {{ if .url }}
-
-        @font-face {
-            font-family: $font;
-            src: url({{ .url }}) format( {{ .format | default "ttf" }} );
-            font-weight: 400;
-            font-style: normal;
-        }
-
-    {{ end }}
-
 {{ end }}
 
 * {