diff --git a/src/lib/app.css b/src/lib/app.css
index 0949ffc..31a0618 100644
--- a/src/lib/app.css
+++ b/src/lib/app.css
@@ -30,7 +30,7 @@ body {
 main {
 	padding: 1rem;
 	flex-grow: 1;
-	padding-bottom: 200px;
+	padding-bottom: 100px;
 }
 
 a {
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 3c8af65..1c9b023 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -29,12 +29,26 @@
 	<img
 		src="https://www.abuseipdb.com/contributor/82331.svg"
 		alt="AbuseIPDB Contributor Badge"
-		style="width: 270px;background: var(--accent-primary); padding: 0.5rem;position:absolute; bottom:8%;border-radius: 10px;"
 	/>
 </a>
 
 <style>
 	div {
-		padding-bottom: 200px;
+		padding-bottom: 150px;
+	}
+
+	img {
+		width: 270px;
+		background: var(--accent-primary); 
+		padding: 0.5rem;
+		position: absolute; 
+		bottom: 80px;
+		border-radius: 10px;
+	}
+
+	@media only screen and (max-width: 508px) {
+		img {
+			bottom: 160px;
+		}
 	}
 </style>
\ No newline at end of file