diff --git a/packages/dashboard/src/components/rmf-dashboard.tsx b/packages/dashboard/src/components/rmf-dashboard.tsx
index 526f6f02f..9f39a4c59 100644
--- a/packages/dashboard/src/components/rmf-dashboard.tsx
+++ b/packages/dashboard/src/components/rmf-dashboard.tsx
@@ -1,4 +1,4 @@
-import { Tab, Typography } from '@mui/material';
+import { Container, Tab, Typography } from '@mui/material';
 import React, { startTransition, useTransition } from 'react';
 import { getDefaultTaskDefinition, LocalizationProvider } from 'react-components';
 import { RouterProvider } from 'react-router';
@@ -179,7 +179,7 @@ export function RmfDashboard({
         helpLink={helpLink}
         reportIssueLink={reportIssueLink}
       ></AppBar>
-      {!pendingTransition && <RouterProvider router={router} />}
+      <Container>{!pendingTransition && <RouterProvider router={router} />}</Container>
     </AllThemProviders>
   );
 }