diff --git a/src/components/layout/stepper/ApplicationStepper.js b/src/components/layout/stepper/ApplicationStepper.js
index 3ed8d87..f455498 100644
--- a/src/components/layout/stepper/ApplicationStepper.js
+++ b/src/components/layout/stepper/ApplicationStepper.js
@@ -10,7 +10,7 @@ import {
} from "@material-ui/core";
import { useLocation, useHistory } from "react-router-dom";
import CustomStepConnector from "./CustomStepConnector";
-import ColorlibStepIcon from "./ColorlibStepIcon";
+import StepIcon from "./StepIcon";
const styles = () => ({
stepperCard: {
@@ -56,9 +56,7 @@ const ApplicationStepper = () => {
disabled={step.disabled}
onClick={() => handleStepClick(step)}
>
-
- {step.title}
-
+ {step.title}
))}
diff --git a/src/components/layout/stepper/ColorlibStepIcon.js b/src/components/layout/stepper/StepIcon.js
similarity index 94%
rename from src/components/layout/stepper/ColorlibStepIcon.js
rename to src/components/layout/stepper/StepIcon.js
index d64ce40..cf7b962 100644
--- a/src/components/layout/stepper/ColorlibStepIcon.js
+++ b/src/components/layout/stepper/StepIcon.js
@@ -29,7 +29,7 @@ const useColorlibStepIconStyles = makeStyles({
}
});
-function ColorlibStepIcon(props) {
+function StepIcon(props) {
const classes = useColorlibStepIconStyles();
const { active, completed } = props;
@@ -55,7 +55,7 @@ function ColorlibStepIcon(props) {
);
}
-ColorlibStepIcon.propTypes = {
+StepIcon.propTypes = {
/**
* Whether this step is active.
*/
@@ -70,4 +70,4 @@ ColorlibStepIcon.propTypes = {
icon: PropTypes.node
};
-export default ColorlibStepIcon;
+export default StepIcon;