diff --git a/src/components/layout/stepper/ApplicationStepper.js b/src/components/layout/stepper/ApplicationStepper.js
index 47b4523..3ed8d87 100644
--- a/src/components/layout/stepper/ApplicationStepper.js
+++ b/src/components/layout/stepper/ApplicationStepper.js
@@ -9,7 +9,7 @@ import {
   makeStyles
 } from "@material-ui/core";
 import { useLocation, useHistory } from "react-router-dom";
-import StepperConnector from "./StepperConnector";
+import CustomStepConnector from "./CustomStepConnector";
 import ColorlibStepIcon from "./ColorlibStepIcon";
 
 const styles = () => ({
@@ -47,7 +47,7 @@ const ApplicationStepper = () => {
       <Stepper
         activeStep={activeStep.id}
         orientation="horizontal"
-        connector={<StepperConnector />}
+        connector={<CustomStepConnector />}
       >
         {steps.map((step) => (
           <Step key={step.id}>
diff --git a/src/components/layout/stepper/StepperConnector.js b/src/components/layout/stepper/CustomStepConnector.js
similarity index 88%
rename from src/components/layout/stepper/StepperConnector.js
rename to src/components/layout/stepper/CustomStepConnector.js
index 2bcd9e8..d6d6e29 100644
--- a/src/components/layout/stepper/StepperConnector.js
+++ b/src/components/layout/stepper/CustomStepConnector.js
@@ -1,7 +1,7 @@
 import { withStyles } from "@material-ui/core/styles";
 import StepConnector from "@material-ui/core/StepConnector";
 
-const StepperConnector = withStyles({
+const CustomStepConnector = withStyles({
   alternativeLabel: {
     top: 22
   },
@@ -25,4 +25,4 @@ const StepperConnector = withStyles({
   }
 })(StepConnector);
 
-export default StepperConnector;
+export default CustomStepConnector;