diff --git a/src/timelines/MediaAttachmentGrid.tsx b/src/timelines/MediaAttachmentGrid.tsx
index dcc5af1..c018c89 100644
--- a/src/timelines/MediaAttachmentGrid.tsx
+++ b/src/timelines/MediaAttachmentGrid.tsx
@@ -138,6 +138,16 @@ const MediaAttachmentGrid: Component<{
             );
           };
 
+          const style = () => {
+            return Object.assign(
+              {
+                width: `${size().width}px`,
+                height: `${size().height}px`,
+              },
+              accentColor ? { "--media-color-accent": accentColor } : {},
+            );
+          };
+
           switch (item.type) {
             case "image":
               return (
@@ -148,13 +158,7 @@ const MediaAttachmentGrid: Component<{
                   alt={item.description || undefined}
                   onClick={[openViewerFor, index()]}
                   loading="lazy"
-                  style={Object.assign(
-                    {
-                      width: `${size().width}px`,
-                      height: `${size().height}px`,
-                    },
-                    accentColor ? { "--media-color-accent": accentColor } : {},
-                  )}
+                  style={style()}
                 ></img>
               );
             case "video":
@@ -167,6 +171,7 @@ const MediaAttachmentGrid: Component<{
                   poster={item.previewUrl}
                   width={width}
                   height={height}
+                  style={style()}
                 />
               );
             case "gifv":
@@ -180,6 +185,7 @@ const MediaAttachmentGrid: Component<{
                   poster={item.previewUrl}
                   width={width}
                   height={height}
+                  style={style()}
                 />
               );