diff --git a/frontend/src/components/map/MapCanvas.js b/frontend/src/components/map/MapCanvas.js
index 406e2e49..bbde5b01 100644
--- a/frontend/src/components/map/MapCanvas.js
+++ b/frontend/src/components/map/MapCanvas.js
@@ -25,11 +25,18 @@ import PipelineComponentSymbol from '../symbols/PipelineComponentSymbol';
 import { useModKeyPressedConsumer } from '../KeyPressContext';
 import PositionCalculator from './PositionCalculator';
 import { featureSwitches } from '../../constants/featureswitches';
-import styles from '../../styles/MapCanvas.module.css';
 import MapAccelerator from './MapAccelerator';
 import AcceleratorSymbol from '../symbols/AcceleratorSymbol';
+import { makeStyles } from '@mui/styles';
+
+const useStyles = makeStyles(() => ({
+	mapCanvas: {
+		userSelect: 'none',
+	},
+}));
 
 function MapCanvas(props) {
+	const styles = useStyles();
 	const {
 		mapComponents,
 		mapSubMaps,
diff --git a/frontend/src/styles/MapCanvas.module.css b/frontend/src/styles/MapCanvas.module.css
deleted file mode 100644
index bf43876e..00000000
--- a/frontend/src/styles/MapCanvas.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.mapCanvas {
-	user-select: none;
-}
diff --git a/frontend/wmlandscape/src/index.js b/frontend/wmlandscape/src/index.js
index 1160d75a..5035976d 100644
--- a/frontend/wmlandscape/src/index.js
+++ b/frontend/wmlandscape/src/index.js
@@ -99,10 +99,8 @@ import {
 } from '../../src/components/KeyPressContext';
 import QuickAdd from '../../src/components/actions/QuickAdd';
 import PipelineVersion2 from '../../src/components/map/PipelineVersion2';
-import styles from '../../src/styles/MapCanvas.module.css';
 
 export {
-	styles,
 	MapBackground,
 	MapEvolution,
 	MapGraphics,