diff --git a/webapp/packages/authentication/src/Dialog/AuthDialog.tsx b/webapp/packages/authentication/src/Dialog/AuthDialog.tsx
index 3419d53d55..18cbe67015 100644
--- a/webapp/packages/authentication/src/Dialog/AuthDialog.tsx
+++ b/webapp/packages/authentication/src/Dialog/AuthDialog.tsx
@@ -7,6 +7,7 @@
  */
 
 import { observer } from 'mobx-react';
+import { useEffect } from 'react';
 import { useTabState, Tab as BaseTab, TabList } from 'reakit/Tab';
 import styled, { css } from 'reshadow';
 
@@ -101,6 +102,7 @@ export const AuthDialog: DialogComponent<null, null> = observer(
       selectedId: controller.provider?.id,
     });
     tab.selectedId = controller.provider?.id || null;
+    useEffect(() => controller.selectProvider(tab.selectedId!), [tab.selectedId]);
 
     return styled(useStyles(styles))(
       <CommonDialogWrapper
diff --git a/webapp/packages/authentication/src/Dialog/AuthDialogController.ts b/webapp/packages/authentication/src/Dialog/AuthDialogController.ts
index 544c0f816d..960dfef58b 100644
--- a/webapp/packages/authentication/src/Dialog/AuthDialogController.ts
+++ b/webapp/packages/authentication/src/Dialog/AuthDialogController.ts
@@ -102,9 +102,7 @@ export class AuthDialogController implements IInitializableController, IDestruct
       return providerA.label.localeCompare(providerB.label);
     }
 
-    if (providerA.defaultProvider === providerB.defaultProvider) {
-      return 0;
-    } if (providerA.defaultProvider) {
+    if (providerA.defaultProvider) {
       return -1;
     }
     return 1;