fix(regression): broken styling

framework/core/js/src/admin/components/UserListPage.tsx

@@ -369,8 +369,8 @@ export default class UserListPage extends AdminPage {
         name: app.translator.trans('core.admin.users.grid.columns.user_actions.title'),
         content: (user: User) => (
           <Dropdown
-            className="User-controls"
-            buttonClassName="Button Button--icon Button--flat"
+            className="UserList-userActions"
+            buttonClassName="Button UserList-userActionsBtn Button--icon Button--flat"
             menuClassName="Dropdown-menu--right"
             icon="fas fa-ellipsis-h"
           >

framework/core/less/admin/UsersListPage.less

@@ -57,7 +57,7 @@
       display: flex;
       align-items: center;
 
-      &[data-column-name="editUser"] {
+      &[data-column-name="userActions"] {
         padding: 0;
         position: relative;
       }
@@ -81,16 +81,20 @@
     text-decoration-style: dotted;
   }
 
-  &-editModalBtn {
+  &-userActions {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &-userActionsBtn {
     width: 100%;
     height: 100%;
 
     border-radius: 0;
     padding: 0;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
   }
 
   &-email {