diff --git a/src/components/layout/Widgets.tsx b/src/components/layout/Widgets.tsx
index 307671011..70a6759ef 100644
--- a/src/components/layout/Widgets.tsx
+++ b/src/components/layout/Widgets.tsx
@@ -5,7 +5,7 @@ import { ModuleWrapper } from '../../modules/moduleWrapper';
 
 export default function Widgets(props: any) {
   return (
-    <Stack my="sm" style={{ width: 300 }}>
+    <Stack my={16} style={{ width: 300 }}>
       <ModuleWrapper module={CalendarModule} />
       <ModuleWrapper module={TotalDownloadsModule} />
       <ModuleWrapper module={WeatherModule} />
diff --git a/src/modules/calendar/CalendarModule.tsx b/src/modules/calendar/CalendarModule.tsx
index 171bd8106..ce55779b0 100644
--- a/src/modules/calendar/CalendarModule.tsx
+++ b/src/modules/calendar/CalendarModule.tsx
@@ -136,14 +136,17 @@ export default function CalendarComponent(props: any) {
         date.getDay() === today.getDay() && date.getDate() === today.getDate()
           ? {
               backgroundColor:
-                theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],
+              theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],
+              margin: 1,
             }
-          : {}
+          : {
+            margin: 1,
+          }
       }
       styles={{
         calendarHeader: {
-          marginRight: 15,
-          marginLeft: 15,
+          marginRight: 40,
+          marginLeft: 40,
         },
       }}
       allowLevelChange={false}