diff --git a/webapp/packages/core-app/public/icons/icons.svg b/webapp/packages/core-app/public/icons/icons.svg
index e476f32474..381be3274f 100644
--- a/webapp/packages/core-app/public/icons/icons.svg
+++ b/webapp/packages/core-app/public/icons/icons.svg
@@ -221,12 +221,12 @@
     <path fill-rule="evenodd" clip-rule="evenodd" d="M19 1L28 10H19V1ZM8 8H13V12H8V8ZM24 22H19V26H24V22ZM19 15H24V19H19V15ZM11.5 13H9.5V25H10H11.5H18V23H11.5V18H18V16H11.5V13Z" fill="#338ECC"/>
   </symbol>
    <symbol id="external-link" viewBox="0 0 24 24">
-      <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="5" width="18" height="18">
-        <path d="M2 5.50134V22.5682H10.5337H19.0674V5.50134H2Z" fill="white"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5855 3V4.92469H17.0404L7.58063 14.3851L8.9375 15.7413L18.3973 6.2822V9.73641H20.3219V3H13.5855Z" fill="#338ECC"/>
+      <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="18" height="18">
+        <path d="M11.6611 3H3V20.3222H11.6611H20.3221V3H11.6611Z" fill="white"/>
       </mask>
       <g mask="url(#mask0)">
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.28539 22.5682H16.7817C18.0384 22.5682 19.0674 21.54 19.0674 20.2826V9.658L16.7817 12.2844V20.2826H4.28539V7.78622H12.2843L14.91 5.50134H4.28539C3.01668 5.50134 1.99976 6.52958 1.99976 7.78622V20.2826C1.99976 21.54 3.01668 22.5682 4.28539 22.5682Z" fill="#338ECC"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.92463 20.3222H18.3975C19.4557 20.3222 20.3222 19.4564 20.3222 18.3975V11.6611H18.3975V18.3975H4.92463V4.92469H11.661V3H4.92463C3.85614 3 2.99994 3.86643 2.99994 4.92469V18.3975C2.99994 19.4564 3.85614 20.3222 4.92463 20.3222Z" fill="#338ECC"/>
       </g>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5694 4.2854H18.6718L7.4389 15.5176L9.05061 17.1293L20.2828 5.89635V9.99873H22.5684V1.99977H14.5694V4.2854Z" fill="#338ECC"/>
   </symbol>
 </svg>
diff --git a/webapp/packages/core-utils/src/isImageFormat.ts b/webapp/packages/core-utils/src/isImageFormat.ts
index 2a5e50dccd..eece910216 100644
--- a/webapp/packages/core-utils/src/isImageFormat.ts
+++ b/webapp/packages/core-utils/src/isImageFormat.ts
@@ -7,5 +7,5 @@
  */
 
 export function isImageFormat(value: string): boolean {
-  return value.match(/\.(jpeg|jpg|gif|png)$/) != null;
+  return value.match(/\.(jpeg|jpg|gif|png|svg|bmp|ico)$/) != null;
 }
diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.tsx
index 1ec5e645db..82349d7280 100644
--- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.tsx
+++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatters/TextFormatter.tsx
@@ -69,7 +69,7 @@ export const TextFormatter: React.FC<FormatterProps> = observer(function TextFor
           <IconOrImage icon='external-link' viewBox='0 0 24 24' />
         </a>
       )}
-      {value}
+      <value className='text-formatter_value'>{value}</value>
     </text-formatter>
   );
 });
diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/styles/base.scss b/webapp/packages/plugin-data-spreadsheet-new/src/styles/base.scss
index 4723acd560..0c6a5e00c1 100644
--- a/webapp/packages/plugin-data-spreadsheet-new/src/styles/base.scss
+++ b/webapp/packages/plugin-data-spreadsheet-new/src/styles/base.scss
@@ -35,14 +35,22 @@
   }
 
   .text-formatter {
+    display: flex;
+    align-items: center;
+    & a {
+      display: flex;
+      margin-right: 4px;
+    }
+    & svg {
+      width: 12px;
+      height: 12px;
+    }
+  }
+
+  .text-formatter_value {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-    & svg {
-      width: 8px;
-      height: 8px;
-      margin-right: 4px;
-    }
   }
 
   .rdg-cell-editing {