3 files changed, 5 insertions, 2 deletions
diff --git a/FrontEnd/src/views/login/index.css b/FrontEnd/src/views/login/index.css
new file mode 100644
index 00000000..dca7054d
--- /dev/null
+++ b/FrontEnd/src/views/login/index.css
@@ -0,0 +1,3 @@
+.login-container {
+  max-width: 600px;
+}
diff --git a/FrontEnd/src/views/login/index.tsx b/FrontEnd/src/views/login/index.tsx
index 6adcef39..a39a9972 100644
--- a/FrontEnd/src/views/login/index.tsx
+++ b/FrontEnd/src/views/login/index.tsx
@@ -8,6 +8,8 @@ import { useUser, userService } from "@/services/user";
 import AppBar from "../common/AppBar";
 import LoadingButton from "../common/LoadingButton";
 
+import "./index.css";
+
 const LoginPage: React.FC = (_) => {
   const { t } = useTranslation();
   const history = useHistory();
diff --git a/FrontEnd/src/views/login/login.sass b/FrontEnd/src/views/login/login.sass
deleted file mode 100644
index 0bf385f5..00000000
--- a/FrontEnd/src/views/login/login.sass
+++ /dev/null
@@ -1,2 +0,0 @@
-.login-container
-  max-width: 600px