1 files changed, 16 insertions, 9 deletions
diff --git a/src/components/Divider/Divider.tsx b/src/components/Divider/Divider.tsx
index ef6b30b..a19f4a9 100644
--- a/src/components/Divider/Divider.tsx
+++ b/src/components/Divider/Divider.tsx
@@ -1,14 +1,21 @@
 interface DividerProps {
-	text: string;
+  text: string;
+  description?: string;
 }
 
 const Divider = (props: DividerProps) => {
-	return (
-		<div className="flex flex-row items-center justify-center bg-black h-24 max-w-full px-72">
-			<div className="px-2 text-white text-4xl font-extrabold">
-				{props.text}
-			</div>
-		</div>
-	);
+  return (
+    <div className="flex flex-col items-center justify-center bg-black h-24 mx-24 rounded-xl px-72">
+      <div className="px-2 mt-2 text-white text-4xl font-extrabold">
+        {props.text}
+      </div>
+      {props.description && (
+        <div className="px-2 my-2 text-white text-lg font-medium">
+          {props.description}
+        </div>
+      )}
+    </div>
+  );
 };
-export default Divider;
+
+export default Divider;
+\ No newline at end of file