diff --git a/frontend/package.json b/frontend/package.json
index 0d34ab1f..7d0bc840 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -16,6 +16,7 @@
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/react-jsonschema-form": "^1.7.4",
+    "react-microsoft-login": "^1.15.0",
     "@types/react-table": "^7.0.29",
     "apollo-upload-client": "^16.0.0",
     "axios": "^0.21.1",
diff --git a/frontend/src/components/auth/Login.tsx b/frontend/src/components/auth/Login.tsx
index 34232a05..bbe5697b 100644
--- a/frontend/src/components/auth/Login.tsx
+++ b/frontend/src/components/auth/Login.tsx
@@ -1,5 +1,6 @@
 import React, { useContext, useState } from "react";
 import { Redirect, useHistory } from "react-router-dom";
+import MicrosoftLogin from "react-microsoft-login";
 import {
   GoogleLogin,
   GoogleLoginResponse,
@@ -91,7 +92,7 @@ const Login = (): React.ReactElement => {
           }
         />
         <MicrosoftLogin
-          clientId="1cecce6a-6a74-4a50-bb01-2735e34e16e2"
+          clientId="REPLACE_WITH_ENV_FILE_SECRET"
           authCallback={(error) => {
             // eslint-disable-next-line no-alert
             window.alert(JSON.stringify(error));