Fix X overflow bug

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 />

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 && (