diff --git a/web/src/pages/SignIn.tsx b/web/src/pages/SignIn.tsx
index 76528ed8a..00e968559 100644
--- a/web/src/pages/SignIn.tsx
+++ b/web/src/pages/SignIn.tsx
@@ -48,7 +48,7 @@ const SignIn = observer(() => {
       }
       const authUrl = `${oauth2Config.authUrl}?client_id=${
         oauth2Config.clientId
-      }&redirect_uri=${redirectUri}&state=${stateQueryParameter}&response_type=code&scope=${encodeURIComponent(
+      }&redirect_uri=${encodeURIComponent(redirectUri)}&state=${stateQueryParameter}&response_type=code&scope=${encodeURIComponent(
         oauth2Config.scopes.join(" "),
       )}`;
       window.location.href = authUrl;