fix: 🐛 Fix section padding issue

edwinhern · Jan 25, 2025 · 18e6c66 · 18e6c66
1 parent 5ff8cf3
commit 18e6c66
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/ui/section.tsx b/src/components/ui/section.tsx
@@ -15,7 +15,7 @@ export default function Section({ heading, headingAlignment, children, ...props
 	return (
 		<section
 			{...props}
-			className={cn("col-reverse flex flex-col gap-4 md:flex-row md:gap-9", props.className)}
+			className={cn("flex flex-col gap-4 md:flex-row md:gap-9", props.className)}
 			id={heading.toLowerCase().replace(/\s/g, "-")}
 		>
 			<h2
@@ -26,7 +26,7 @@ export default function Section({ heading, headingAlignment, children, ...props
 			>
 				{heading}
 			</h2>
-			{children}
+			<div className="flex-1">{children}</div>
 		</section>
 	);
 }