From aee7a03e7bd5f38aaeb0d85decdea3e5604a5de7 Mon Sep 17 00:00:00 2001
From: Wes <wesb@block.xyz>
Date: Fri, 24 Apr 2026 10:50:24 -0700
Subject: [PATCH] fix: remove container border/bg from image previews in chat

---
 desktop/src/shared/ui/markdown.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/desktop/src/shared/ui/markdown.tsx b/desktop/src/shared/ui/markdown.tsx
index 14cae1575..6cc3dcdf8 100644
--- a/desktop/src/shared/ui/markdown.tsx
+++ b/desktop/src/shared/ui/markdown.tsx
@@ -192,10 +192,10 @@ function createMarkdownComponents(
       return (
         <DialogPrimitive.Root>
           <DialogPrimitive.Trigger asChild>
-            <div className="mt-3 flex max-w-sm cursor-pointer items-center justify-center overflow-hidden rounded-2xl border border-border/70 bg-muted/40 transition-opacity hover:opacity-90">
+            <div className="mt-1 max-w-sm cursor-pointer transition-opacity hover:opacity-90">
               <img
                 alt={alt}
-                className="max-h-64 max-w-full object-contain"
+                className="max-h-64 max-w-full rounded-xl object-contain"
                 src={resolvedSrc}
               />
             </div>
@@ -262,7 +262,7 @@ function createMarkdownComponents(
 
       if (isImageOnlyParagraph(childArray)) {
         return (
-          <div className="mt-3 grid max-w-lg grid-cols-2 gap-1.5 [&_br]:hidden [&_div]:mt-0 [&_div]:max-w-none">
+          <div className="mt-1 grid max-w-lg grid-cols-2 gap-1.5 [&_br]:hidden [&_div]:mt-0 [&_div]:max-w-none">
             {imageChildren}
           </div>
         );