diff --git a/frontend/src/routes/Settings/Settings.jsx b/frontend/src/routes/Settings/Settings.jsx
index 08539eb..d5c7f7e 100644
--- a/frontend/src/routes/Settings/Settings.jsx
+++ b/frontend/src/routes/Settings/Settings.jsx
@@ -5,7 +5,7 @@ import SettingsComponent from "components/SettingsComponent/SettingsComponent.js
 import { useCallback, useEffect, useState } from "react";
 import { Link as RouterLink, useHistory, useParams } from "react-router-dom";
 import { useLocalStorage } from "react-use";
-import API from "utils/API";
+import API from "utils/API.js";
 import useStyles from "./Settings.styles.jsx";
 
 import { useTranslation } from "react-i18next";
diff --git a/frontend/src/routes/Settings/Settings.styles.jsx b/frontend/src/routes/Settings/Settings.styles.jsx
new file mode 100644
index 0000000..ac884a7
--- /dev/null
+++ b/frontend/src/routes/Settings/Settings.styles.jsx
@@ -0,0 +1,16 @@
+import { makeStyles } from "@material-ui/core/styles";
+
+const useStyles = makeStyles((theme) => ({
+  backIcon: {
+    fontSize: 12,
+  },
+  container: {
+    margin: "3%",
+  },
+  breadcrumbs: {
+    paddingTop: "2%",
+    paddingLeft: "2%",
+  },
+}));
+
+export default useStyles;