From e7b32d62299178fd0548cc03d7fb0eb4bdeab6f8 Mon Sep 17 00:00:00 2001
From: Sven Grossmann <sven.grossmann@grafana.com>
Date: Fri, 11 Apr 2025 15:18:46 +0200
Subject: [PATCH] Extension Sidebar Button: Prevent button to have stretched
 background (#103882)

---
 .../AppChrome/ExtensionSidebar/ExtensionToolbarItem.tsx        | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/public/app/core/components/AppChrome/ExtensionSidebar/ExtensionToolbarItem.tsx b/public/app/core/components/AppChrome/ExtensionSidebar/ExtensionToolbarItem.tsx
index be49778db62..4d8f7031db7 100644
--- a/public/app/core/components/AppChrome/ExtensionSidebar/ExtensionToolbarItem.tsx
+++ b/public/app/core/components/AppChrome/ExtensionSidebar/ExtensionToolbarItem.tsx
@@ -87,6 +87,9 @@ export function ExtensionToolbarItem() {
 function getStyles(theme: GrafanaTheme2) {
   return {
     button: css({
+      // this is needed because with certain breakpoints the button will get `width: auto`
+      // and the icon will stretch
+      aspectRatio: '1 / 1 !important',
       width: '28px',
       height: '28px',
       padding: 0,