diff --git a/packages/standard-components/src/table/AttachmentRenderer.svelte b/packages/standard-components/src/table/AttachmentRenderer.svelte
index a169ad2963..a7f2466750 100644
--- a/packages/standard-components/src/table/AttachmentRenderer.svelte
+++ b/packages/standard-components/src/table/AttachmentRenderer.svelte
@@ -2,4 +2,31 @@
   export let value
 </script>
 
-{value}
+{#if value && value.length}
+  {#each value as attachment}
+    {#if attachment.type.startsWith('image')}
+      <img src={attachment.url} alt={attachment.extension} />
+    {:else}
+      <div class="file">{attachment.extension}</div>
+    {/if}
+  {/each}
+{/if}
+
+<style>
+  img {
+    height: 24px;
+    max-width: 50px;
+  }
+  .file {
+    height: 24px;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    padding: 0 8px;
+    color: var(--spectrum-global-color-gray-500);
+    border: 1px solid var(--spectrum-global-color-gray-500);
+    border-radius: 2px;
+    text-transform: uppercase;
+  }
+</style>