From 368e587e7bfe705f0660dc4e960670244c569d8e Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Thu, 18 Nov 2021 16:57:49 +0000
Subject: [PATCH] Fix X overflow bug

---
 client/src/components/layout/Layout.tsx               | 2 +-
 client/src/components/tables/cells/DifficultyCell.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/src/components/layout/Layout.tsx b/client/src/components/layout/Layout.tsx
index 22af0e10b..a15a15fdc 100644
--- a/client/src/components/layout/Layout.tsx
+++ b/client/src/components/layout/Layout.tsx
@@ -16,7 +16,7 @@ export function Layout({ children }: JustChildren) {
 
 			<HeaderMobile />
 
-			<div className="d-flex flex-column flex-root">
+			<div className="d-flex flex-column flex-root" style={{ overflowX: "hidden" }}>
 				<div className="d-flex flex-row flex-column-fluid page">
 					<div className="d-flex flex-column flex-row-fluid wrapper" id="kt_wrapper">
 						<Header />
diff --git a/client/src/components/tables/cells/DifficultyCell.tsx b/client/src/components/tables/cells/DifficultyCell.tsx
index 11d118281..d02ebede4 100644
--- a/client/src/components/tables/cells/DifficultyCell.tsx
+++ b/client/src/components/tables/cells/DifficultyCell.tsx
@@ -30,6 +30,7 @@ export default function DifficultyCell({
 		<td
 			style={{
 				backgroundColor: ChangeOpacity(gptConfig.difficultyColours[chart.difficulty]!, 0.2),
+				minWidth: "80px",
 			}}
 		>
 			{!alwaysShort && (