diff --git a/frontend/src/components/dashboard/UpcomingWidget.tsx b/frontend/src/components/dashboard/UpcomingWidget.tsx
index 9f26f45..a60737d 100644
--- a/frontend/src/components/dashboard/UpcomingWidget.tsx
+++ b/frontend/src/components/dashboard/UpcomingWidget.tsx
@@ -174,7 +174,7 @@ export default function UpcomingWidget({ items }: UpcomingWidgetProps) {
   const dayEntries = Array.from(grouped.entries());
 
   return (
-    <Card className="flex flex-col h-full">
+    <Card className="h-full">
       <CardHeader>
         <div className="flex items-center justify-between">
           <CardTitle className="flex items-center gap-2">
@@ -210,13 +210,13 @@ export default function UpcomingWidget({ items }: UpcomingWidgetProps) {
           </div>
         </div>
       </CardHeader>
-      <CardContent className="flex-1 min-h-0 flex flex-col" style={{ minHeight: 200 }}>
+      <CardContent>
         {filteredCount === 0 ? (
           <p className="text-sm text-muted-foreground text-center py-8">
             {focusMode ? 'Nothing for today or tomorrow' : 'Nothing upcoming'}
           </p>
         ) : (
-          <ScrollArea className="flex-1 max-h-[400px]">
+          <ScrollArea className="max-h-[400px] -mr-2 pr-2">
             <div>
               {dayEntries.map(([dateKey, dayItems], groupIdx) => {
                 const isCollapsed = collapsedDays.has(dateKey);