diff --git a/src/components/tutorials/MoveAround.jsx b/src/components/tutorials/MoveAround.jsx
index 368a845..84fdce2 100644
--- a/src/components/tutorials/MoveAround.jsx
+++ b/src/components/tutorials/MoveAround.jsx
@@ -20,7 +20,7 @@ export default function MoveAround({ setNextSlide }) {
 	return (
 		<motion.div
 			key='tutorial-move'
-			className='modal-content-container tutorial-container'
+			className='modal-content-container modal-content-container--grided tutorial-container'
 			initial={animationParameters.initial}
 			animate={animationParameters.animate}
 			exit={animationParameters.exit}
diff --git a/src/components/tutorials/PointsAndTime.jsx b/src/components/tutorials/PointsAndTime.jsx
index 6943746..1cb5472 100644
--- a/src/components/tutorials/PointsAndTime.jsx
+++ b/src/components/tutorials/PointsAndTime.jsx
@@ -22,7 +22,7 @@ export default function PointsAndTime({ setNextSlide, setPreviousSlide, startGam
 	return (
 		<motion.div
 			key='tutorial-points'
-			className='modal-content-container tutorial-container'
+			className='modal-content-container modal-content-container--grided tutorial-container'
 			initial={animationParameters.initial}
 			animate={animationParameters.animate}
 			exit={animationParameters.exit}
diff --git a/src/components/tutorials/Walkthrough.jsx b/src/components/tutorials/Walkthrough.jsx
index eacebfc..d566b74 100644
--- a/src/components/tutorials/Walkthrough.jsx
+++ b/src/components/tutorials/Walkthrough.jsx
@@ -21,7 +21,7 @@ export default function Walkthrough({ setNextSlide, setPreviousSlide }) {
 	return (
 		<motion.div
 			key='tutorial-walthrought'
-			className='modal-content-container tutorial-container'
+			className='modal-content-container modal-content-container--grided tutorial-container'
 			initial={animationParameters.initial}
 			animate={animationParameters.animate}
 			exit={animationParameters.exit}