diff --git a/app/assets/stylesheets/components/reports.css b/app/assets/stylesheets/components/reports.css
index e6f22302..9f624f7b 100644
--- a/app/assets/stylesheets/components/reports.css
+++ b/app/assets/stylesheets/components/reports.css
@@ -1,3 +1,9 @@
+.reports-container {
+  max-width: var(--max-width-container);
+  margin: 0 auto;
+  padding: var(--spacing-6);
+}
+
 .reports-page {
   display: flex;
   flex-direction: column;
diff --git a/app/views/reports/show.html.slim b/app/views/reports/show.html.slim
index db3ae35c..5b029770 100644
--- a/app/views/reports/show.html.slim
+++ b/app/views/reports/show.html.slim
@@ -4,9 +4,10 @@
   .sidebar
     = render "sidebar"
 
-.reports-page
-  = render "header"
-  = render "summary_stats"
-  = render "activity_rankings"
-  = render "active_threads"
-  = render "new_contributors"
+.reports-container
+  .reports-page
+    = render "header"
+    = render "summary_stats"
+    = render "activity_rankings"
+    = render "active_threads"
+    = render "new_contributors"