diff --git a/webui/src/features/dashboard/DashboardPage.tsx b/webui/src/features/dashboard/DashboardPage.tsx
index cde256d..0975c54 100644
--- a/webui/src/features/dashboard/DashboardPage.tsx
+++ b/webui/src/features/dashboard/DashboardPage.tsx
@@ -5,6 +5,7 @@ import {
   Button,
   Card,
   MetricCard,
+  PageScrollViewport,
   PageTitle,
   dashboardWidgetsForModules,
   hasAnyScope,
@@ -73,7 +74,8 @@ export default function DashboardPage({ settings, auth }: { settings: ApiSetting
   }
 
   return (
-    <div className="content-pad workspace-data-page dashboard-page">
+    <PageScrollViewport className="dashboard-page">
+      <div className="content-pad workspace-data-page">
       <div className="page-heading split workspace-heading">
         <div>
           <PageTitle>i18n:govoplan-dashboard.dashboard.3f8b4df2</PageTitle>
@@ -127,7 +129,8 @@ export default function DashboardPage({ settings, auth }: { settings: ApiSetting
         )}
         </div>
       }
-    </div>);
+      </div>
+    </PageScrollViewport>);
 }
 
 function canUseWidget(auth: AuthInfo, widget: DashboardWidgetContribution): boolean {
diff --git a/webui/src/styles/dashboard.css b/webui/src/styles/dashboard.css
index 1a77f59..bee8c89 100644
--- a/webui/src/styles/dashboard.css
+++ b/webui/src/styles/dashboard.css
@@ -1,8 +1,3 @@
-.dashboard-page {
-  height: 100%;
-  overflow: auto;
-}
-
 .dashboard-page .card + .dashboard-widget-grid {
   margin-top: 18px;
 }