with show-replies is overflowing at certain widths

Hi there, since upgrading from 3.3.0.beta1 → 3.3.0.beta3 I’m having an issue with the overflowing and breaking the fluid layout when the show-replies button appears. This is also happening here with the “Default” and “Default (full-width)” themes at different browser widths, with/without the timeline scroller, and with/without the sidebar:

This is my dirty CSS hack for now, but a proper upstream fix would be better:

.topic-post .post-controls .show-replies {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 5px);
    padding: 1px;

@media only screen and (max-width: 675px) {
    .topic-post .post-controls {
        --control-margin: 0;
    .topic-post .post-controls .reply { /* Prevent Reply button overflow with very narrow widths */
        padding-right: 0px;
        .d-button-label {
            display: none;
1 Like

It looks like this issue is related to using higher zoom levels and/or the Firefox about:config setting of layout.css.devPixelsPerPx = 1.1 . I also use an OS level text scaling factor of 1.1, but I don’t think that Firefox obeys that, which is why I have to apply the same hack to Firefox’s about:config . Here are some other layout issues I found related to the zoom level: