diff --git a/taskncoffee-app/src/components/Calendar.jsx b/taskncoffee-app/src/components/Calendar.jsx
index 3982a03..f4c0873 100644
--- a/taskncoffee-app/src/components/Calendar.jsx
+++ b/taskncoffee-app/src/components/Calendar.jsx
@@ -90,7 +90,8 @@ export default function Calendar() {
 
     return (
         <div className={cn(
-            "bg-card/30 backdrop-blur-md p-6 rounded-2xl flex-[3]",
+            styles.utility.glass,
+            "p-6 rounded-2xl flex-3",
             styles.utility.transitionSlow
         )}>
             <div className="flex gap-3 h-full overflow-x-auto px-3">
@@ -101,7 +102,7 @@ export default function Calendar() {
                         <div
                             key={day.name}
                             className={cn(
-                                "flex-1 min-w-[150px] max-w-[180px] flex flex-col rounded-lg p-4 transition-all duration-300",
+                                "flex-1 min-w-[180px] max-w-[200px] flex flex-col rounded-2xl p-4 transition-all duration-300",
                                 isToday
                                     ? "bg-primary/10 border-2 border-primary neon-glow-soft"
                                     : "bg-background border border-border"