stepper style update

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",

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 />}