diff --git a/src/components/WrapperTopEdgeCurved.tsx b/src/components/WrapperTopEdgeCurved.tsx
new file mode 100644
index 0000000..3b1dd15
--- /dev/null
+++ b/src/components/WrapperTopEdgeCurved.tsx
@@ -0,0 +1,19 @@
+import type React from "react";
+import Box from "./bases/Box";
+
+const WrapperTopEdgeCurved = ({ children }: { children?: React.ReactElement }) => {
+	return (
+		<Box
+			flex={1}
+			backgroundColor={"white"}
+			borderTopLeftRadius={20}
+			borderTopRightRadius={20}
+			p={"l"}
+			flexDirection={"column"}
+		>
+			{children}
+		</Box>
+	);
+};
+
+export default WrapperTopEdgeCurved;