From 79711d83bbd36dd71cb3bcd348e659c44a4d48dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 7 Feb 2026 23:35:44 +0100
Subject: [PATCH] pl-fe: nesting issues fix
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/media-gallery.tsx      | 2 +-
 packages/pl-fe/src/components/still-image.tsx        | 4 ++--
 packages/pl-fe/src/pages/account-lists/directory.tsx | 2 +-
 packages/pl-fe/src/styles/new/accounts.scss          | 1 +
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/components/media-gallery.tsx b/packages/pl-fe/src/components/media-gallery.tsx
index e6340567d..c78f83d24 100644
--- a/packages/pl-fe/src/components/media-gallery.tsx
+++ b/packages/pl-fe/src/components/media-gallery.tsx
@@ -185,7 +185,7 @@ const Item: React.FC<IItem> = ({
           target='_blank'
         >
           <StillImage
-            className='size-full'
+            className='block size-full'
             src={mediaPreview ? attachment.preview_url : attachment.url}
             alt={attachment.description}
             letterboxed={letterboxed}
diff --git a/packages/pl-fe/src/components/still-image.tsx b/packages/pl-fe/src/components/still-image.tsx
index 16bc55395..49bff5b5f 100644
--- a/packages/pl-fe/src/components/still-image.tsx
+++ b/packages/pl-fe/src/components/still-image.tsx
@@ -64,7 +64,7 @@ const StillImage: React.FC<IStillImage> = ({
   });
 
   return (
-    <div
+    <span
       data-testid='still-image-container'
       className={clsx(className, 'relative isolate', { 'group': !noGroup })}
       style={style}
@@ -98,7 +98,7 @@ const StillImage: React.FC<IStillImage> = ({
           <ExtensionBadge ext='GIF' />
         </div>
       )}
-    </div>
+    </span>
   );
 };
 
diff --git a/packages/pl-fe/src/pages/account-lists/directory.tsx b/packages/pl-fe/src/pages/account-lists/directory.tsx
index eb070a868..dbed1ee91 100644
--- a/packages/pl-fe/src/pages/account-lists/directory.tsx
+++ b/packages/pl-fe/src/pages/account-lists/directory.tsx
@@ -66,7 +66,7 @@ const AccountCard: React.FC<IAccountCard> = ({ id }) => {
             src={account.header}
             staticSrc={account.header_static}
             alt={account.header_description}
-            className='h-32 w-full rounded-t-lg object-cover'
+            className='block h-32 w-full rounded-t-lg object-cover'
           />
         ) : (
           <div className='h-32 w-full rounded-t-lg bg-gray-200 dark:bg-gray-700' />
diff --git a/packages/pl-fe/src/styles/new/accounts.scss b/packages/pl-fe/src/styles/new/accounts.scss
index 1cf4dea20..51bf5b7cc 100644
--- a/packages/pl-fe/src/styles/new/accounts.scss
+++ b/packages/pl-fe/src/styles/new/accounts.scss
@@ -24,6 +24,7 @@
 }
 
 .⁂-avatar {
+  display: block;
   border-radius: 0.5rem;
   line-height: 0;