Merge pull request #351 from qa-guru/scroll-page-section

Scroll-page-section – Styles fixed v2.0

Author: nik1999777

src/features/scroll-page-section/components/steps/steps.styled.ts

@@ -22,7 +22,7 @@ export const ColorlibConnector = styled(StepConnector)(({ theme }) => ({
     },
   },
   [`& .${stepConnectorClasses.line}`]: {
-    height: 3,
+    height: 2,
     border: 0,
     backgroundColor:
       theme.palette.mode === "dark" ? theme.palette.grey[800] : "#eaeaf0",
@@ -37,8 +37,8 @@ export const ColorlibStepIconRoot = styled("div")<{
     theme.palette.mode === "dark" ? theme.palette.grey[700] : "#ccc",
   zIndex: 1,
   color: "#fff",
-  width: 50,
-  height: 50,
+  width: 40,
+  height: 40,
   display: "flex",
   borderRadius: "50%",
   justifyContent: "center",
@@ -55,12 +55,6 @@ export const ColorlibStepIconRoot = styled("div")<{
 }));
 
 export const StyledLabel = styled(StepLabel)({
-  "& .MuiStepLabel-label.Mui-active": {
-    color: "white",
-  },
-  "& .MuiStepLabel-label.Mui-completed": {
-    color: "white",
-  },
   "& .MuiStepLabel-label": {
     color: "#c0c0c0",
   },