diff --git a/templates/web/login/common/macros.html.twig b/templates/web/login/common/macros.html.twig
index 3eaa83664d..dbac28b156 100644
--- a/templates/web/login/common/macros.html.twig
+++ b/templates/web/login/common/macros.html.twig
@@ -117,7 +117,7 @@
 {% endmacro %}
 
 {% macro providerBadge(provider, img_url, full_name, email) %}
-    <div class="{{ provider }} no-overflow provider-badge rounded">
+    <div class="{{ provider.getId() }}-badge no-overflow provider-badge rounded">
         <table>
             <tr>
                 <td style="width:55px;">