diff --git a/src/components/layout/Aside.tsx b/src/components/layout/Aside.tsx
index 679e35862..b2372fdb8 100644
--- a/src/components/layout/Aside.tsx
+++ b/src/components/layout/Aside.tsx
@@ -1,4 +1,4 @@
-import { Aside as MantineAside } from '@mantine/core';
+import { Aside as MantineAside, Group } from '@mantine/core';
 import { CalendarModule } from '../modules/calendar/CalendarModule';
 import ModuleWrapper from '../modules/moduleWrapper';
 
@@ -12,7 +12,9 @@ export default function Aside() {
         base: 'auto',
       }}
     >
-      <ModuleWrapper module={CalendarModule} />
+      <Group mt="sm" direction="column">
+        <ModuleWrapper module={CalendarModule} />
+      </Group>
     </MantineAside>
   );
 }
diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx
index a8ff679a0..5d8fb38f8 100644
--- a/src/components/layout/Navbar.tsx
+++ b/src/components/layout/Navbar.tsx
@@ -1,4 +1,4 @@
-import { Navbar as MantineNavbar } from '@mantine/core';
+import { Group, Navbar as MantineNavbar } from '@mantine/core';
 import { DateModule } from '../modules/date/DateModule';
 import ModuleWrapper from '../modules/moduleWrapper';
 
@@ -12,7 +12,9 @@ export default function Navbar() {
         base: 'auto',
       }}
     >
-      <ModuleWrapper module={DateModule} />
+      <Group mt="sm" direction="column">
+        <ModuleWrapper module={DateModule} />
+      </Group>
     </MantineNavbar>
   );
 }