diff --git a/app/javascript/flavours/glitch/components/media_gallery.jsx b/app/javascript/flavours/glitch/components/media_gallery.jsx index 74434818cc..9db2a43009 100644 --- a/app/javascript/flavours/glitch/components/media_gallery.jsx +++ b/app/javascript/flavours/glitch/components/media_gallery.jsx @@ -123,7 +123,7 @@ class Item extends PureComponent { } if (attachment.get('description')?.length > 0) { - badges.push(<span key='alt' className='media-gallery__gifv__label'>ALT</span>); + badges.push(<span key='alt' className='media-gallery__alt__label'>ALT</span>); } const description = attachment.getIn(['translation', 'description']) || attachment.get('description'); diff --git a/app/javascript/flavours/glitch/styles/components/media.scss b/app/javascript/flavours/glitch/styles/components/media.scss index e0c054aae8..ac05e7742a 100644 --- a/app/javascript/flavours/glitch/styles/components/media.scss +++ b/app/javascript/flavours/glitch/styles/components/media.scss @@ -51,6 +51,7 @@ gap: 2px; } +.media-gallery__alt__label, .media-gallery__gifv__label { display: flex; align-items: center;