🐛 fix calendar and aside ui issues

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} />

src/modules/calendar/CalendarModule.tsx

@@ -137,13 +137,16 @@ export default function CalendarComponent(props: any) {
           ? {
               backgroundColor:
               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}