diff --git a/ui/src/app/settings/components/project-role-groups-edit/project-role-groups-edit.tsx b/ui/src/app/settings/components/project-role-groups-edit/project-role-groups-edit.tsx
index 9a6cc72b78..71ad1df208 100644
--- a/ui/src/app/settings/components/project-role-groups-edit/project-role-groups-edit.tsx
+++ b/ui/src/app/settings/components/project-role-groups-edit/project-role-groups-edit.tsx
@@ -73,7 +73,7 @@ class GroupWrapper extends React.Component<GroupProps, any> {
     public render() {
         return (
             <div className='row'>
-                <div className='columns small-4'>
+                <div className='columns small-11'>
                     {this.props.groupName}
                 </div>
                 <div className='columns small-1'>