diff --git a/UI/BigComponents/UserBadge.ts b/UI/BigComponents/UserBadge.ts
index 62f74e0ae..297e470e3 100644
--- a/UI/BigComponents/UserBadge.ts
+++ b/UI/BigComponents/UserBadge.ts
@@ -18,7 +18,7 @@ export default class UserBadge extends Toggle {
 
         const loginButton = Translations.t.general.loginWithOpenStreetMap
             .Clone()
-            .SetClass("userbadge-login pt-3 w-full h-full")
+            .SetClass("userbadge-login inline-flex justify-center items-center w-full h-full text-lg font-bold min-w-[20em]")
             .onClick(() => State.state.osmConnection.AttemptLogin());
 
 
@@ -138,4 +138,4 @@ export default class UserBadge extends Toggle {
     }
 
 
-}
\ No newline at end of file
+}
diff --git a/css/userbadge.css b/css/userbadge.css
index 316bb7aa7..3b272cc48 100644
--- a/css/userbadge.css
+++ b/css/userbadge.css
@@ -33,16 +33,7 @@
 }
 
 .userbadge-login {
-    font-weight: bold;
-    font-size: large;
     background-color: var(--subtle-detail-color) !important;
     color: var(--subtle-detail-color-contrast);
     height: 3em;
-
-    display: inline-block;
-    text-align: center;
-    margin: 0;
-
-    min-width: 20em;
-    pointer-events: all;
 }