From 410e2a8ca06692bdbc348e5e86dba62fa95b9507 Mon Sep 17 00:00:00 2001
From: Dominik Prokop <dominik.prokop@grafana.com>
Date: Mon, 27 Apr 2020 14:05:45 +0200
Subject: [PATCH] NewPanelEditor: Fix visualisation list badge verflow (#23936)

---
 .../features/dashboard/panel_editor/VizTypePickerPlugin.tsx    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/app/features/dashboard/panel_editor/VizTypePickerPlugin.tsx b/public/app/features/dashboard/panel_editor/VizTypePickerPlugin.tsx
index 5281b2ea0c2..22300180cd8 100644
--- a/public/app/features/dashboard/panel_editor/VizTypePickerPlugin.tsx
+++ b/public/app/features/dashboard/panel_editor/VizTypePickerPlugin.tsx
@@ -72,7 +72,6 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
       padding-bottom: 6px;
       height: 100px;
       width: 100%;
-      max-width: 200px;
       position: relative;
 
       &:hover {
@@ -85,6 +84,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
     itemContent: css`
       position: relative;
       z-index: 1;
+      width: 100%;
     `,
     current: css`
       label: currentVisualizationItem;
@@ -120,6 +120,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
       position: absolute;
       bottom: ${theme.spacing.xs};
       right: ${theme.spacing.xs};
+      z-index: 1;
     `,
   };
 });