diff --git a/app/src/lib/header.svelte b/app/src/lib/header.svelte
index c76bbf1..4dba0d5 100644
--- a/app/src/lib/header.svelte
+++ b/app/src/lib/header.svelte
@@ -21,7 +21,7 @@ header {
 
 h1 {
   font-weight: 900;
-  font-size: 5.5vw;
+  font-size: 500%;
   padding: 120px;
   padding-bottom: 0;
   text-align: center;
@@ -33,7 +33,7 @@ h1 {
 h4 {
   padding-bottom: 120px;
   font-weight: 600;
-  font-size: 2.2vw;
+  font-size: 200%;
   text-align: center;
   color: white;
   text-size-adjust: 80%;
diff --git a/app/src/routes/blog/[id]/+page.svelte b/app/src/routes/blog/[id]/+page.svelte
index 4a9b8d7..5b676a3 100644
--- a/app/src/routes/blog/[id]/+page.svelte
+++ b/app/src/routes/blog/[id]/+page.svelte
@@ -128,27 +128,23 @@ main {
   color: white;
   display: flex;
   flex-direction: row;
+  justify-content: center;
   align-items: start;
 }
 
+@media only screen and (max-width: 816px) {
+  main {
+    padding: 50px 20% 50px 20%;
+  }
+}
+
 .content {
   padding: 35px;
   background: var(--dark-four);
   border-radius: var(--radius);
   box-shadow: var(--box-shadow);
-}
-
-@media only screen and (max-width: 1316px) {
-  main {
-    padding: 50px 5% 50px 5%;
-    flex-direction: column;
-  }
-
-  .content {
-    background: var(--dark-four);
-    border-radius: 0 0 var(--radius) var(--radius);
-    box-shadow: var(--box-shadow);
-  }
+  width: auto;
+  width: 100%;
 }
 
 .votes {
@@ -157,7 +153,7 @@ main {
   text-align: center;
   text-shadow: var(--text-shadow);
   gap: 10px;
-  padding: 10px;
+  padding: 15px 5px 15px 5px;
   margin-left: 10px;
 }