diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
index c03e1a0..d57d3f4 100644
--- a/quartz/styles/custom.scss
+++ b/quartz/styles/custom.scss
@@ -3,7 +3,7 @@
     position: fixed;
     top: 0;
     left: 0;
-    width: 100vw !important;
+    width: auto !important;
     margin: 0 !important;
     z-index: 1;
 }
@@ -44,6 +44,7 @@ header{
     margin: 3rem 0 !important;
 }
 .darkmode{
+    margin-left: 0!important;
     margin-right: 0!important;
 }
 .center {
@@ -67,6 +68,7 @@ header{
 .page>#quartz-body .sidebar.right {
     right: 0 !important;
     padding: 2rem 3rem 0 !important;
+    margin-top: 1rem!important;
 }
 footer {
     position: absolute;
@@ -83,6 +85,7 @@ footer hr {
 }
 .footer-container {
     display: flex;
+    flex-direction: row !important;
     align-items: center;
     column-gap: 1rem;
 }
@@ -243,6 +246,7 @@ header {
     }
     .graph > .graph-outer{
         height: 50vh!important;
+        max-height: 400px;
     }
     header{
         padding: 0 1rem !important;
@@ -274,5 +278,23 @@ header {
     .backlinks .overflow {
         max-height: 150px;
     }
-    
+    .footer-container {
+        display: flex;
+        row-gap: 0!important;
+        align-items: flex-start;
+        row-gap: 1rem;
+        flex-direction: column !important;
+    }
+    .footer-container p{
+        margin-left: 1rem !important;
+        margin-bottom: 0!important;
+        margin-top: 0!important;
+    }
+    .footer-container ul {
+        margin: 1rem 0 2rem 0!important;
+        flex-wrap: wrap;
+    }
+    .footer-container ul li{
+        margin: 0 .1rem .5rem!important;
+    }
 }