diff --git a/src/components/layout/Aside.tsx b/src/components/layout/Aside.tsx
index 6cef6eb4e..8b656ab6f 100644
--- a/src/components/layout/Aside.tsx
+++ b/src/components/layout/Aside.tsx
@@ -5,6 +5,7 @@ import { ModuleWrapper } from '../modules/moduleWrapper';
 export default function Aside(props: any) {
   return (
     <MantineAside
+      pr="md"
       hiddenBreakpoint="md"
       hidden
       style={{
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 7a8df4be8..87e8fb6be 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -11,6 +11,8 @@ import {
 } from '@mantine/core';
 import { AlertCircle, BrandGithub } from 'tabler-icons-react';
 import { CURRENT_VERSION, REPO_URL } from '../../../data/constants';
+import { ModuleWrapper } from '../modules/moduleWrapper';
+import { DownloadsModule } from '../modules';
 
 const useStyles = createStyles((theme) => ({
   footer: {