diff --git a/app/components/Main.module.css b/app/components/Main.module.css
index 372a556f9..d898d21e6 100644
--- a/app/components/Main.module.css
+++ b/app/components/Main.module.css
@@ -1,9 +1,3 @@
-.container {
-	min-height: calc(100dvh - var(--layout-nav-height));
-	display: flex;
-	flex-direction: row;
-}
-
 .containerWithSideNav {
 	display: flex;
 	flex-direction: row;
@@ -16,7 +10,8 @@
 }
 
 .main {
-	padding-block: var(--s-4) var(--s-32);
+	padding-block: var(--s-8) var(--s-32);
+	min-height: calc(100dvh - var(--layout-nav-height));
 }
 
 .normal {
@@ -24,7 +19,6 @@
 	max-width: 48rem;
 	margin: 0 auto;
 	padding-inline: var(--s-3);
-	min-height: 75vh;
 }
 
 .narrow {
diff --git a/app/components/Main.tsx b/app/components/Main.tsx
index 966f0959b..aafb94aac 100644
--- a/app/components/Main.tsx
+++ b/app/components/Main.tsx
@@ -27,7 +27,7 @@ export const Main = ({
 		!isMinorSupporter &&
 		!isRouteErrorResponse(error);
 
-	const mainElement = (
+	return (
 		<main
 			className={
 				classNameOverwrite
@@ -51,8 +51,6 @@ export const Main = ({
 			{children}
 		</main>
 	);
-
-	return <div className={styles.container}>{mainElement}</div>;
 };
 
 export { styles as mainStyles };