diff --git a/packages/ketchup/src/components/kup-card/dialog/kup-card-dialog-8.scss b/packages/ketchup/src/components/kup-card/dialog/kup-card-dialog-8.scss
index bc11cf6fc..6f5b8a8be 100644
--- a/packages/ketchup/src/components/kup-card/dialog/kup-card-dialog-8.scss
+++ b/packages/ketchup/src/components/kup-card/dialog/kup-card-dialog-8.scss
@@ -23,8 +23,10 @@
     box-sizing: border-box;
     display: grid;
     // this allows auto column wrap when there is no horizontal space
-    grid-template-columns: repeat(auto-fit, minmax(84px, auto));
+    grid-template-columns: repeat(auto-fit, minmax(44px, auto));
     padding: 1em;
+    gap: 0.5em;
+    min-width: 150px;
 
     .sub-1 {
       width: 100%;
diff --git a/packages/ketchup/src/components/kup-card/dialog/kup-card-dialog.tsx b/packages/ketchup/src/components/kup-card/dialog/kup-card-dialog.tsx
index 8875523c6..053c485bf 100644
--- a/packages/ketchup/src/components/kup-card/dialog/kup-card-dialog.tsx
+++ b/packages/ketchup/src/components/kup-card/dialog/kup-card-dialog.tsx
@@ -361,8 +361,8 @@ export function create8(component: KupCard): VNode {
                     <FImage
                         id="image1"
                         {...imageArray[0]}
-                        sizeX="64px"
-                        sizeY="64px"
+                        sizeX="44px"
+                        sizeY="44px"
                     ></FImage>
                 ) : (
                     <div class="sub-spinner">