From 0f426e7a8cfeef93edca3cc4415b7e69ba905ac0 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Mon, 22 Nov 2021 08:54:48 -0500
Subject: [PATCH] Role picker: extend width to prevent menu being out of page
 (#42047) (#42072)

(cherry picked from commit 6f8cfc6def1b6626ec39e91b106466435105764f)

Co-authored-by: Alexander Zobnin <alexanderzobnin@gmail.com>
---
 public/app/core/components/RolePicker/RolePickerInput.tsx | 2 +-
 public/app/core/components/RolePicker/RolePickerMenu.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/app/core/components/RolePicker/RolePickerInput.tsx b/public/app/core/components/RolePicker/RolePickerInput.tsx
index 1fa19ca2d05..3e0b172e3bd 100644
--- a/public/app/core/components/RolePicker/RolePickerInput.tsx
+++ b/public/app/core/components/RolePicker/RolePickerInput.tsx
@@ -111,7 +111,7 @@ const getRolePickerInputStyles = (
         `,
       disabled && styles.inputDisabled,
       css`
-        min-width: 260px;
+        min-width: 520px;
         min-height: 32px;
         height: auto;
         flex-direction: row;
diff --git a/public/app/core/components/RolePicker/RolePickerMenu.tsx b/public/app/core/components/RolePicker/RolePickerMenu.tsx
index 9b6d7d62708..8a8aec3f29b 100644
--- a/public/app/core/components/RolePicker/RolePickerMenu.tsx
+++ b/public/app/core/components/RolePicker/RolePickerMenu.tsx
@@ -564,7 +564,7 @@ export const getStyles = (theme: GrafanaTheme2) => {
     `,
     menuOptionBody: css`
       font-weight: ${theme.typography.fontWeightRegular};
-      padding: ${theme.spacing(0, 1, 0, 0)};
+      padding: ${theme.spacing(0, 1.5, 0, 0)};
     `,
     menuOptionDisabled: css`
       color: ${theme.colors.text.disabled};