From dc775c7577501088ed929a6c6d986a05c05d0028 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mih=C3=A1ly=20Gy=C3=B6ngy=C3=B6si?=
 <mgyongyosi@users.noreply.github.com>
Date: Wed, 3 Aug 2022 14:35:51 +0200
Subject: [PATCH] RolePicker: Fix RolePicker menu positioning (#53201)

Fixes #52800
---
 public/app/core/components/RolePicker/RolePicker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/app/core/components/RolePicker/RolePicker.tsx b/public/app/core/components/RolePicker/RolePicker.tsx
index 9cb894c08cf..7a75b6776a3 100644
--- a/public/app/core/components/RolePicker/RolePicker.tsx
+++ b/public/app/core/components/RolePicker/RolePicker.tsx
@@ -131,7 +131,7 @@ export const RolePicker = ({
   }
 
   return (
-    <div data-testid="role-picker" style={{ position: 'relative' }} ref={ref}>
+    <div data-testid="role-picker" style={{ position: 'relative', width: ROLE_PICKER_WIDTH }} ref={ref}>
       <ClickOutsideWrapper onClick={onClickOutside}>
         <RolePickerInput
           builtInRole={selectedBuiltInRole}