diff --git a/src/lib/components/FooterComponent.svelte b/src/lib/components/FooterComponent.svelte
index 54ef0c7..9bc2139 100644
--- a/src/lib/components/FooterComponent.svelte
+++ b/src/lib/components/FooterComponent.svelte
@@ -19,7 +19,7 @@
     bottom: 0px;
     display: flex;
     justify-content: flex-start;
-    align-items: baseline;
+    align-items: center;
     gap: 10px;
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
@@ -30,8 +30,9 @@
   }
   .icon {
     position: relative;
-    top: 0.5em;
+    top: 0.25em;
     color: white;
+    height: 1em;
   }
   @media (prefers-color-scheme: dark) {
     .icon {
diff --git a/static/style.css b/static/style.css
index 938b833..6e84b17 100644
--- a/static/style.css
+++ b/static/style.css
@@ -7,6 +7,9 @@ body {
 
     color: var(--color-text);
     background-color: var(--color-bg);
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, 
+    Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif, 
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 
 a {