diff --git a/src/pages/startPage/stepOne.tsx b/src/pages/startPage/stepOne.tsx
index e7458f64..0e9b47cd 100755
--- a/src/pages/startPage/stepOne.tsx
+++ b/src/pages/startPage/stepOne.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Typography, useTheme } from "@mui/material";
+import { Box, Button, useTheme } from "@mui/material";
 import CreationCard from "@ui_kit/CreationCard";
 import quizCreationImage1 from "../../assets/quiz-creation-1.png";
 import quizCreationImage2 from "../../assets/quiz-creation-2.png";
@@ -6,9 +6,8 @@ import { useParams } from "react-router-dom";
 import { quizStore } from "@root/quizes";
 
 export default function StepOne() {
-  const theme = useTheme();
-
   const params = Number(useParams().quizId);
+  const theme = useTheme();
 
   const { listQuizes, updateQuizesList } = quizStore();
   return (
@@ -23,7 +22,7 @@ export default function StepOne() {
         sx={{
           minWidth: "720px",
           display: "flex",
-          gap: "3.4%",
+          gap: "20px",
           mt: "60px",
         }}
       >
diff --git a/src/pages/startPage/steptwo.tsx b/src/pages/startPage/steptwo.tsx
index 5ef837c3..e27de7c7 100755
--- a/src/pages/startPage/steptwo.tsx
+++ b/src/pages/startPage/steptwo.tsx
@@ -32,7 +32,7 @@ export default function Steptwo() {
           sx={{
             minWidth: "950px",
             display: "flex",
-            gap: "3.4%",
+            gap: "20px",
             mt: "40px",
             padding: isSmallMonitor ? "0 15px 15px" : 0,
           }}