diff --git a/src/lib/components/atoms/Button.svelte b/src/lib/components/atoms/Button.svelte
index 1129cd9..f7ed616 100644
--- a/src/lib/components/atoms/Button.svelte
+++ b/src/lib/components/atoms/Button.svelte
@@ -42,10 +42,10 @@
 	}
 
 	button:hover {
-		transform: translate(0%, -5%);
+		transform: translateY(-5%);
 	}
 	button:active {
 		transition-duration: 0.1s;
-		transform: translate(0);
+		transform: translateY(-3%);
 	}
 </style>
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 45d45b6..219158a 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -54,6 +54,10 @@ import Wave from '$lib/components/atoms/Wave.svelte';
 		background-color: #0f111a;
 	}
 
+	:global(html, body) {
+		max-width: 100%;
+	}
+
 	:global(.wrapper) {
 		margin-inline: auto;
 		width: min(87%, 100rem);
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 817dd6d..b2787b7 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -21,7 +21,7 @@
 		gap: 22rem;
 		align-items: center;
 	}
-	@media (max-width: 1919px) {
+	@media (max-width: 1700px) {
 		.wrappezoid {
 			justify-content: space-between;
 		}