diff --git a/client/src/pages/info/ui/sections/HowToOrderSection.tsx b/client/src/pages/info/ui/sections/HowToOrderSection.tsx
index 07249f7..c51a52d 100644
--- a/client/src/pages/info/ui/sections/HowToOrderSection.tsx
+++ b/client/src/pages/info/ui/sections/HowToOrderSection.tsx
@@ -43,7 +43,7 @@ export function HowToOrderSection() {
       <Stepper orientation="vertical" activeStep={-1}>
         {steps.map((step) => (
           <Step key={step.label} completed={false}>
-            <StepLabel StepIconComponent={() => step.icon}>{step.label}</StepLabel>
+            <StepLabel slots={{ stepIcon: () => step.icon }}>{step.label}</StepLabel>
             <StepContent>
               <Typography color="text.secondary">{step.text}</Typography>
             </StepContent>