NewPanelEditor: Fix visualisation list badge verflow (#23936)

public/app/features/dashboard/panel_editor/VizTypePickerPlugin.tsx

@@ -72,7 +72,6 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
       padding-bottom: 6px;
       padding-bottom: 6px;
       height: 100px;
       height: 100px;
       width: 100%;
       width: 100%;
-      max-width: 200px;
       position: relative;
       position: relative;
 
 
       &:hover {
       &:hover {
@@ -85,6 +84,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
     itemContent: css`
     itemContent: css`
       position: relative;
       position: relative;
       z-index: 1;
       z-index: 1;
+      width: 100%;
     `,
     `,
     current: css`
     current: css`
       label: currentVisualizationItem;
       label: currentVisualizationItem;
@@ -120,6 +120,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
       position: absolute;
       position: absolute;
       bottom: ${theme.spacing.xs};
       bottom: ${theme.spacing.xs};
       right: ${theme.spacing.xs};
       right: ${theme.spacing.xs};
+      z-index: 1;
     `,
     `,
   };
   };
 });
 });