diff --git a/src/lib/components/hero.svelte b/src/lib/components/hero.svelte
index 02dfc58..43e1474 100644
--- a/src/lib/components/hero.svelte
+++ b/src/lib/components/hero.svelte
@@ -41,7 +41,7 @@
         position: relative;
         padding: 40px 120px;
         padding: 40px min(120px, 10vw);
-        margin: 2rem 1.5rem;
+        margin: 2rem auto;
         /* min-height: calc(100vh - 129px - 80px + 5px); */
         max-height: 1080px;
         max-width: 1500px;
@@ -71,7 +71,7 @@
         position: absolute;
         top: -4rem;
         left: -4rem;
-        width: calc(100% + 8rem);
+        width: min((100% + 8rem), 100vw - 4px);
         height: calc(100% + 8rem);
         backdrop-filter: blur(20px);
     }
@@ -88,11 +88,6 @@
         .bg img {
             transition: none;
         }
-    }
-    @media (min-width: 1760px) {
-        .hero {
-            margin: 0 auto;
-        }
     }
 	@media (max-width: 1100px) {
         .hero {
diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
index ba63af9..64624fb 100644
--- a/src/lib/components/navbar.svelte
+++ b/src/lib/components/navbar.svelte
@@ -34,8 +34,6 @@
     
 	.bar {
 		background: rgba(255,255,255, 0.2);
-		backdrop-filter: blur(10px);
-		-webkit-backdrop-filter: blur(10px);
 	}
     .bar .subbar > * {
         margin: 5px 10px;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 836b905..53a8a1d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -50,7 +50,7 @@
                         Blog
                     </span>
                 </Button>
-                <div class="right p-4 border-l-2 border-l-white/20">
+                <div class="right md:inline-block hidden p-4 border-l-2 border-l-white/20">
                     {#if selectedPost}
                         <a href={selectedPost.path}><b>{selectedPost.title}</b></a>
                     {/if}