diff --git a/apps/web/components/schedule/datetime-card.tsx b/apps/web/components/schedule/datetime-card.tsx
index 413dd81..6ae7a8c 100644
--- a/apps/web/components/schedule/datetime-card.tsx
+++ b/apps/web/components/schedule/datetime-card.tsx
@@ -10,14 +10,14 @@ export function DateTimeCard({ documentId }: Readonly<SlotComponentProps>) {
   if (!slot) return null;
 
   return (
-    <div className="flex flex-col">
-      <span className="mb-2 tracking-wide">{formatDate(slot?.date).user()}</span>
-      <span className="mt-2 text-3xl font-bold tracking-wide">
+    <div className="flex flex-col gap-2">
+      <span className="mb-2 text-sm tracking-wide text-muted-foreground">
+        {formatDate(slot?.date).user()}
+      </span>
+      <span className="text-3xl font-bold tracking-wide">
         {formatTime(slot?.time_start).user()}
       </span>
-      <span className="mt-2 text-3xl font-bold tracking-wide">
-        {formatTime(slot?.time_end).user()}
-      </span>
+      <span className="text-3xl font-bold tracking-wide">{formatTime(slot?.time_end).user()}</span>
     </div>
   );
 }