diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 43c3637..1cea8ee 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -18,7 +18,7 @@
 				</div>
 			</div>
 			<ModrinthLink class="big"/>
-			<div class="flex gap-20">
+			<div class="flex flex-col gap-2 sm:flex-row sm:gap-10 md:gap-20">
 				<NuxtLink
 					href="/charts"
 					active-class="active-link !to-cyan-500"