add description field to dividers

2 files changed, 17 insertions, 10 deletions

diff --git a/src/components/CompactTable/CompactTable.tsx b/src/components/CompactTable/CompactTable.tsx
index 804fa28..656fa1e 100644
--- a/src/components/CompactTable/CompactTable.tsx
+++ b/src/components/CompactTable/CompactTable.tsx
@@ -9,7 +9,7 @@ interface CompactTableProps {
 
 const CompactTable: React.FC<CompactTableProps> = ({ tableData }) => {
 	return (
-		<div className="max-w-full mx-auto bg-gray-100 shadow-md rounded-lg overflow-hidden">
+		<div className="max-w-full mx-auto bg-gray-100 shadow-md overflow-hidden">
 			<div className="flex gap-x-4">
 				<div className="w-1/2 px-4 py-5">
 					<h2 className="text-lg font-semibold text-gray-900">Dates</h2>
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