diff --git a/frontend/src/lib/components/pagebuilder/iconInfoBoard.svelte b/frontend/src/lib/components/pagebuilder/iconInfoBoard.svelte
index 68fb647..552b746 100644
--- a/frontend/src/lib/components/pagebuilder/iconInfoBoard.svelte
+++ b/frontend/src/lib/components/pagebuilder/iconInfoBoard.svelte
@@ -21,10 +21,7 @@
     >
         <div class="header">
             <div class="icon">
-                <svg
-                    id="mySvgObject{i}"
-                    fill="var(--link-font-color)"
-                    data-src="{`${apiBaseURL}content/${pageId}/${col.iconInfoBoard.icon?.src}`}"></svg>
+                <img id="mySvgObject{i}" src="{`${apiBaseURL}content/${pageId}/${col.iconInfoBoard.icon?.src}`}" />
             </div>
             <div class="title">
                 {col.iconInfoBoard.title}
@@ -49,9 +46,9 @@
             align-items: center;
             gap: 20px;
             .icon {
-                width: 64px;
-                height: 64px;
-                svg {
+                width: 48px;
+                height: 48px;
+                img {
                     width: 100%;
                     height: 100%;
                     object-fit: contain;