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