From 7c1178ab846fc22902d60ee26382f16adb2fe873 Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Tue, 10 Jun 2025 10:11:46 +0200
Subject: [PATCH] [Glitch] Fix wrong dimensions on blurhash previews of news
 articles in web UI

Port a2a6117143583dd180e2d8e1f4e1206cc83134b0 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../flavours/glitch/features/explore/components/story.jsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/javascript/flavours/glitch/features/explore/components/story.jsx b/app/javascript/flavours/glitch/features/explore/components/story.jsx
index b07425b277..ad4d855984 100644
--- a/app/javascript/flavours/glitch/features/explore/components/story.jsx
+++ b/app/javascript/flavours/glitch/features/explore/components/story.jsx
@@ -66,7 +66,7 @@ export const Story = ({
       <a className='story__thumbnail' href={url} target='blank' rel='noopener'>
         {thumbnail ? (
           <>
-            <div className={classNames('story__thumbnail__preview', { 'story__thumbnail__preview--hidden': thumbnailLoaded })}><Blurhash hash={blurhash} /></div>
+            {!thumbnailLoaded && <Blurhash hash={blurhash} className='story__thumbnail__preview' />}
             <img src={thumbnail} onLoad={handleImageLoad} alt={thumbnailDescription} title={thumbnailDescription} lang={lang} />
           </>
         ) : <Skeleton />}