diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 821ed73..15e4dd2 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -17,7 +17,7 @@ const { Content } = await post.render();
 
 <BlogPost {...post.data}>
 	<a href="/blog">
-		<h5><---</h5>
+		<h5>&lt--</h5>
 	</a>
 	<Content />
 </BlogPost>
diff --git a/src/pages/homelab/servers/[...slug].astro b/src/pages/homelab/servers/[...slug].astro
index 6a5950d..53d00ca 100644
--- a/src/pages/homelab/servers/[...slug].astro
+++ b/src/pages/homelab/servers/[...slug].astro
@@ -22,7 +22,7 @@ const { Content } = await servers.render();
 
 <ServerDescription {...servers.data}>
 	<a href="/homelab">
-		<h5><---</h5>
+		<h5>&lt--</h5>
 	</a>
 	<Content />
 </BlogPost>
\ No newline at end of file
diff --git a/src/styles/global.css b/src/styles/global.css
index 093c76d..18bf415 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -41,7 +41,6 @@ body {
 	margin: 0;
 	padding: 0;
 	height: 100%;
-	width: 80%;
 	margin-left: auto;
 	margin-right: auto;
 	text-align: left;
@@ -53,6 +52,16 @@ body {
 	font-size: 20px;
 	line-height: 1.7;
 }
+@media screen and (min-width:600px) {
+	body {
+		width: 80%;
+	}
+}
+@media screen and (max-width:600px){
+	body{
+		width: 95%;
+	}
+}
 main {
 	width: 720px;
 	max-width: calc(100% - 2em);