diff --git a/pkg/common/styles/layout/container.templ b/pkg/common/styles/layout/container.templ
index a3f4c9413..ff39c7d64 100644
--- a/pkg/common/styles/layout/container.templ
+++ b/pkg/common/styles/layout/container.templ
@@ -8,10 +8,10 @@ templ Columns() {
 }
 
 templ Container() {
-	<div id="container" class="flex fixed inset-0 z-[99] w-screen h-screen">
-		<div class="relative flex flex-wrap items-center w-full h-full px-8">
-			<div class="relative w-full max-w-screen-lg mx-auto lg:mb-0">
-				<div class="flex flex-col items-center justify-center h-full">
+	<div id="container" class="flex fixed inset-0 z-[99] w-screen min-h-screen">
+		<div class="relative flex flex-wrap items-center w-full min-h-full px-4 py-6 sm:px-6 md:px-8">
+			<div class="relative w-full max-w-screen-lg mx-auto">
+				<div class="flex flex-col items-center justify-center min-h-full gap-4">
 					{ children... }
 				</div>
 			</div>