From 1e13b9b10ab2f944759cc7798cd29f9e6ac652c1 Mon Sep 17 00:00:00 2001
From: Darya Plotnytska <d.plotnytska.s@gmail.com>
Date: Mon, 30 Dec 2024 13:17:37 +0100
Subject: [PATCH] console: Fix icon squares

---
 .../shortcut-panel/shortcut-item/index.js          | 14 ++++++++++----
 .../shortcut-item/shortcut-item.styl               |  5 +++++
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js
index 1d77f4df03..41243095e0 100644
--- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js
+++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/index.js
@@ -28,15 +28,21 @@ import style from './shortcut-item.styl'
 const ShortcutItem = ({ icon, link, action, title, className, mobile }) =>
   action ? (
     <Tooltip content={<Message content={title} />} delay={0}>
-      <button onClick={action} className={classnames(style.shortcut, className)}>
-        <Icon icon={icon} className={style.icon} size={28} />
+      <button
+        onClick={action}
+        className={classnames(style.shortcut, className, { [style.shortcutPanel]: !mobile })}
+      >
+        <Icon icon={icon} className={style.icon} size={25} />
         {mobile && <Message content={title} className="lg-xl:d-none" />}
       </button>
     </Tooltip>
   ) : (
     <Tooltip content={<Message content={title} />} delay={0}>
-      <Link to={link} className={classnames(style.shortcut, className)}>
-        <Icon icon={icon} className={style.icon} size={28} />
+      <Link
+        to={link}
+        className={classnames(style.shortcut, className, { [style.shortcutPanel]: !mobile })}
+      >
+        <Icon icon={icon} className={style.icon} size={25} />
         {mobile && <Message content={title} className="lg-xl:d-none" />}
       </Link>
     </Tooltip>
diff --git a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl
index 49dc4ff194..29a62ee5eb 100644
--- a/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl
+++ b/pkg/webui/console/containers/shortcut-panel/shortcut-item/shortcut-item.styl
@@ -35,3 +35,8 @@
   &:hover
     cursor: pointer
     background-color: var(--c-bg-brand-semilight)
+
+  &-panel
+    height: unset
+    aspect-ratio: 1 / 1
+    box-sizing: border-box