From 5fbaf5fadc10a8a3f37c9a5f16af0818b39b5813 Mon Sep 17 00:00:00 2001
From: Dylan De Faoite <dylanseandefaoite@gmail.com>
Date: Tue, 3 Feb 2026 10:34:35 +0000
Subject: [PATCH] fix: black bar at bottom of screen and horizontal scroll bar

---
 frontend/src/styles/stats_styling.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/styles/stats_styling.tsx b/frontend/src/styles/stats_styling.tsx
index ed82869..f8d8c1d 100644
--- a/frontend/src/styles/stats_styling.tsx
+++ b/frontend/src/styles/stats_styling.tsx
@@ -3,16 +3,17 @@ import type { CSSProperties } from "react";
 const StatsStyling: Record<string, CSSProperties> = {
   page: {
     width: "100%",
-    height: "100%",
     minHeight: "100vh",
-    minWidth: "100vh",
     padding: 24,
     background: "#f6f7fb",
     fontFamily:
       '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, sans-serif',
     color: "#111827",
+    overflowX: "hidden",
+    boxSizing: "border-box"
   },
 
+
   container: {
     maxWidth: 1400,
     margin: "0 auto",