From 2e0cc2e347dcdf35cd223a29df425f19a1f9ed1f Mon Sep 17 00:00:00 2001
From: Johannes Schill <johannes.schill@polyester.se>
Date: Wed, 31 Jan 2018 17:01:04 +0100
Subject: [PATCH] ux: Change input width of UserPicker and TeamPicker in
 AddPermissions component #10676

---
 public/app/core/components/Permissions/AddPermissions.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/app/core/components/Permissions/AddPermissions.tsx b/public/app/core/components/Permissions/AddPermissions.tsx
index 5a5c9b83137..92656190bf2 100644
--- a/public/app/core/components/Permissions/AddPermissions.tsx
+++ b/public/app/core/components/Permissions/AddPermissions.tsx
@@ -78,6 +78,7 @@ class AddPermissions extends Component<IProps, any> {
   render() {
     const { permissions, backendSrv } = this.props;
     const newItem = permissions.newItem;
+    const pickerClassName = 'width-20';
 
     return (
       <div className="gf-form-inline cta-form">
@@ -107,7 +108,7 @@ class AddPermissions extends Component<IProps, any> {
                   backendSrv={backendSrv}
                   handlePicked={this.userPicked}
                   value={newItem.userId}
-                  className="width-8"
+                  className={pickerClassName}
                 />
               </div>
             ) : null}
@@ -118,7 +119,7 @@ class AddPermissions extends Component<IProps, any> {
                   backendSrv={backendSrv}
                   handlePicked={this.teamPicked}
                   value={newItem.teamId}
-                  className="width-8"
+                  className={pickerClassName}
                 />
               </div>
             ) : null}