From 549984e67e146bdcbfc4352c03a75efff962e714 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Sat, 19 Dec 2020 02:14:09 +0200
Subject: [PATCH] stepper style update

---
 src/components/layout/Main.js                       | 2 +-
 src/components/layout/stepper/ApplicationStepper.js | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/Main.js b/src/components/layout/Main.js
index 53fb1fb..2303946 100644
--- a/src/components/layout/Main.js
+++ b/src/components/layout/Main.js
@@ -3,7 +3,7 @@ import ApplicationStepper from "./stepper/ApplicationStepper";
 import Switcher from "./Switcher";
 import { makeStyles } from "@material-ui/core/styles";
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles(() => ({
   app: {
     textAlign: "center",
     backgroundColor: "#282c34",
diff --git a/src/components/layout/stepper/ApplicationStepper.js b/src/components/layout/stepper/ApplicationStepper.js
index bdcc495..4a7fd67 100644
--- a/src/components/layout/stepper/ApplicationStepper.js
+++ b/src/components/layout/stepper/ApplicationStepper.js
@@ -14,8 +14,10 @@ import StepIcon from "./StepIcon";
 
 const styles = () => ({
   stepperCard: {
-    padding: "0px",
     margin: "15px"
+  },
+  stepper: {
+    padding: "10px"
   }
 });
 
@@ -45,6 +47,7 @@ const ApplicationStepper = () => {
   return (
     <Card className={classes.stepperCard}>
       <Stepper
+        className={classes.stepper}
         activeStep={activeStep.id}
         orientation="horizontal"
         connector={<CustomStepConnector />}