diff --git a/components/ui/RoundedContainer.tsx b/components/ui/RoundedContainer.tsx
new file mode 100644
index 0000000..e3e427d
--- /dev/null
+++ b/components/ui/RoundedContainer.tsx
@@ -0,0 +1,9 @@
+import React from "react";
+
+export default function RoundedContainer({children, slim = true}: {children: React.ReactNode, slim?: boolean}) {
+  return (
+    <div className={`flex ${slim ? "max-w-6xl" : "max-w-3xl"} rounded-4xl flex-col items-center py-8 px-8 bg-gray-400 dark:bg-slate-900 sm:items-start`}>
+      {children}
+    </div>
+  )
+}
\ No newline at end of file