From 7169d9f2bdf5d9eecf9ecd5d36ae2dd0a9abc193 Mon Sep 17 00:00:00 2001
From: Kamil Gabryjelski <kamil.gabryjelski@gmail.com>
Date: Wed, 27 Aug 2025 11:10:38 +0200
Subject: [PATCH] fix: DB icon sizes in database add modal (#34854)

(cherry picked from commit ab58b0a8a357edc9588208f8b4deb168232a4121)
---
 .../src/components/IconButton/index.tsx       | 31 +++++++++----------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/superset-frontend/packages/superset-ui-core/src/components/IconButton/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/IconButton/index.tsx
index f61e8937b9f..b8b8a66f3bc 100644
--- a/superset-frontend/packages/superset-ui-core/src/components/IconButton/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/IconButton/index.tsx
@@ -50,17 +50,7 @@ const IconButton: React.FC<IconButtonProps> = ({
   };
 
   const renderIcon = () => {
-    const iconContent = icon ? (
-      <img
-        src={icon as string}
-        alt={altText || buttonText}
-        css={css`
-          width: 100%;
-          object-fit: contain;
-          height: 100px;
-        `}
-      />
-    ) : (
+    const iconContent = (
       <div
         css={css`
           display: flex;
@@ -69,12 +59,19 @@ const IconButton: React.FC<IconButtonProps> = ({
           height: 100px;
         `}
       >
-        <Icons.DatabaseOutlined
-          css={css`
-            font-size: 48px;
-          `}
-          aria-label="default-icon"
-        />
+        {icon ? (
+          <img
+            src={icon as string}
+            alt={altText || buttonText}
+            css={css`
+              width: 100%;
+              object-fit: contain;
+              height: 48px;
+            `}
+          />
+        ) : (
+          <Icons.DatabaseOutlined iconSize="xxl" aria-label="default-icon" />
+        )}
       </div>
     );