From 160e245692b159c44c61b1d83c9051c037df40d3 Mon Sep 17 00:00:00 2001
From: Niklas Kiefer <niklas.kiefer@camunda.com>
Date: Mon, 18 Sep 2023 13:06:58 +0200
Subject: [PATCH] style: align palette icon image

---
 packages/form-js-editor/assets/form-js-editor-base.css         | 3 ++-
 .../form-js-editor/src/features/palette/components/Palette.js  | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/form-js-editor/assets/form-js-editor-base.css b/packages/form-js-editor/assets/form-js-editor-base.css
index 6962e9cb2..8fb0c1586 100644
--- a/packages/form-js-editor/assets/form-js-editor-base.css
+++ b/packages/form-js-editor/assets/form-js-editor-base.css
@@ -634,7 +634,8 @@
   width: 68px;
 }
 
-.fjs-palette-field .fjs-palette-field-icon {
+.fjs-palette-field .fjs-palette-field-icon,
+.fjs-palette-field .fjs-field-icon-image {
   margin: 0 auto;
 }
 
diff --git a/packages/form-js-editor/src/features/palette/components/Palette.js b/packages/form-js-editor/src/features/palette/components/Palette.js
index be7eb5fd8..b48cf2808 100644
--- a/packages/form-js-editor/src/features/palette/components/Palette.js
+++ b/packages/form-js-editor/src/features/palette/components/Palette.js
@@ -231,7 +231,7 @@ export function getPaletteIcon(entry) {
   let Icon;
 
   if (iconUrl) {
-    Icon = () => <img class="fjs-field-icon-image" width={ 36 } style={ { margin: 'auto' } } alt={ label } src={ sanitizeImageSource(iconUrl) } />;
+    Icon = () => <img class="fjs-field-icon-image" width={ 36 } alt={ label } src={ sanitizeImageSource(iconUrl) } />;
   } else {
     Icon = icon || iconsByType(type);
   }