diff --git a/packages/ui-components/src/components/Main/Main.tsx b/packages/ui-components/src/components/Main/Main.tsx
index 365e9b10..87a37cf8 100644
--- a/packages/ui-components/src/components/Main/Main.tsx
+++ b/packages/ui-components/src/components/Main/Main.tsx
@@ -11,7 +11,7 @@ export const Main = ({
 	spacing,
 }: MainProps) => {
 	const mainClass = clsx(className, MAIN_CLASSNAME, getSpacing(spacing), {
-		"mt-0 flex w-full flex-col p-2 sm:mt-3 md:mx-auto md:max-w-4xl": !raw,
+		"mt-2 flex w-full flex-col p-2 sm:mt-3 md:mx-auto md:max-w-4xl": !raw,
 	});
 
 	return <main className={mainClass}>{children}</main>;
diff --git a/packages/ui-components/src/components/Main/__tests__/Main.test.tsx b/packages/ui-components/src/components/Main/__tests__/Main.test.tsx
index 3a13a9d7..e112d22a 100644
--- a/packages/ui-components/src/components/Main/__tests__/Main.test.tsx
+++ b/packages/ui-components/src/components/Main/__tests__/Main.test.tsx
@@ -15,7 +15,7 @@ describe("Main modifiers", () => {
 		const main = await screen.findByRole("main");
 		expectToHaveClasses(main, [
 			"av-main",
-			"mt-0",
+			"mt-2",
 			"flex",
 			"w-full",
 			"flex-col",