# Weird UI overlay bug on Firefox
**URL:** https://community.metabrainz.org/t/weird-ui-overlay-bug-on-firefox/693808
**Category:** CritiqueBrainz
**Created:** [May 2, 2024, 2:11pm UTC](https://community.metabrainz.org/t/weird-ui-overlay-bug-on-firefox/693808 "2024-05-02T14:11:16Z")
**Posts on this page:** 3
**Page:** 1
### Author:  [@pygospa](https://community.metabrainz.org/u/pygospa)
#### Post date: [May 2, 2024, 2:11pm UTC](https://community.metabrainz.org/t/weird-ui-overlay-bug-on-firefox/693808/1 "2024-05-02T14:11:16Z")
Hey,
I’ve visited the CritiqueBrainz for the first time and realized some weird overlays over the titles of the work that is critiqued; thus illegible.
Browser is _Mozilla Firefox 125.0.3_, running on an _Arch Linux (Kernel 6.8.8-arch1-1)_ (which is probably irrelevant). I tried running the website on Chromium as well, and there this is not happening. It’s just an insignificant bug I guess, and probably these days Firefox does not have the highest priority anymore. But maybe something for some slack time (as if anybody has those anymore 😃 )
**Edit:** I just realized, that this is also happening in Chromium – my language settings where German on Firefox and English on Chromium 🤦♂️ If I switch the language to English on Firefox it is working as it is supposed to, so this is probably just an issue with the long German word; maybe possible to add some word break information? The German word wrapping points for this should look like this: **ver-öf-fent-li-chungs-grup-pe**
---
### Author:  [@ernstlx](https://community.metabrainz.org/u/ernstlx)
#### Post date: [May 2, 2024, 2:57pm UTC](https://community.metabrainz.org/t/weird-ui-overlay-bug-on-firefox/693808/2 "2024-05-02T14:57:23Z")
The problem seems to be with long words in general. I can confirm the behaviour with Firefox (Linux) and Edge (Windows) - if German language is selected, a “Release group” is translated to “Veröffentlichungsgruppe” → there’s no line break and the entity type is displayed over image and part of the title.
In English “Release group” has a line break and the text conceals most of small images but not the title.
---
### Author:  [@outsidecontext](https://community.metabrainz.org/u/outsidecontext)
#### Post date: [May 2, 2024, 4:00pm UTC](https://community.metabrainz.org/t/weird-ui-overlay-bug-on-firefox/693808/3 "2024-05-02T16:00:39Z")
It’s not a browser bug or anything. It’s that in certain languages the labels are too long and stretch the layout. There is a ticket about this:
>
I had a while ago tried to add soft hyphens to the german translation specifically for “Veröffentlichungsgruppe” in [MetaBrainz Weblate](https://translations.metabrainz.org/translate/critiquebrainz/frontend/de/?checksum=dc645780ec4978dd&sort_by=-priority,position) . But I don’t know whether this would actually work, would need to be testedt. And I think there had not been any release of CritiqueBrainz, at least none that included the translation changes.