diff --git a/lib/.env.dart.example b/lib/.env.dart.example
index 3479065c2..68730e2bd 100644
--- a/lib/.env.dart.example
+++ b/lib/.env.dart.example
@@ -1,6 +1,7 @@
 class Config {
   static const String API_SECRET = '';
   static const String SENTRY_DNS = 'https://21e3763afb044f1fb75d832fd9f06b73@sentry2.invoicing.co/3';
+  static const String MICROSOFT_CLIENT_ID = '1023b9ce-5b09-4f04-98f8-e1ed85a72332';
 
   static const bool DEBUG_EVENTS = false;
   static const bool DEBUG_REQUESTS = false;
diff --git a/lib/utils/web.dart b/lib/utils/web.dart
index b2eb903b1..4b33e54a7 100644
--- a/lib/utils/web.dart
+++ b/lib/utils/web.dart
@@ -5,6 +5,7 @@ import 'dart:typed_data';
 import 'dart:ui' as ui;
 
 // Package imports:
+import 'package:invoiceninja_flutter/.env.dart';
 import 'package:redux/redux.dart';
 import 'package:msal_js/msal_js.dart';
 
@@ -72,8 +73,8 @@ class WebUtils {
     final config = Configuration()
       ..auth = (BrowserAuthOptions()
         //..redirectUri = 'https://invoicing.co/auth/microsoft'
-        ..redirectUri = 'https://react.invoicing.co/'
-        ..clientId = '1023b9ce-5b09-4f04-98f8-e1ed85a72332');
+        ..redirectUri = browserUrl
+        ..clientId = Config.MICROSOFT_CLIENT_ID);
     final publicClientApp = PublicClientApplication(config);
 
     final loginRequest = PopupRequest()..scopes = ['user.read'];