Empty label taking up space in vertical launcher

[eaglgenes101]

Describe the bug
An empty label shows up in the launcher when it is vertical and show_names is false

To reproduce
Create a vertical panel with a launcher in it (might be missing other steps to reproduce). When there are entries in the launcher, below the icon is an empty label. Its identity as a label is confirmed by the GTK inspector.

Expected behavior
The label does not take up any space in the launcher entry.

System information:

• Distro: Arch Linux
• Compositor: Wayfire
• Ironbar version: ironbar 0.19.0-pre

Configuration

Config

let { $menu = { type = "menu" label = "󱓞" } $launcher = { type = "launcher" show_names = false favorites = [ "firefox" "featherpad" ] // launch_command = "app2unit -s a -- {app_name}" } } in { name = "panel" icon_theme = "breeze-dark" position = "left" anchor_to_edges = true exclusive_zone = false //autohide = 250

start = [ $launcher ]
center = [ ]
//end = [ $menu ]
end = [ ]

}

Styles

:root {
    --color-dark-primary: #202326;
    --color-dark-secondary: #202326;

    --color-border-dark: #776DE8ff;
    --color-border-light: #776DE8ff;

    --color-white: #fff;
    --color-active: #776DE8FF;
    --color-urgent: #8f0a0a;

    --gradient: #6699CCff; /*linear-gradient(90deg, #6699CC19 35%, #CC99CC19 100%);*/

    --margin-lg: 1em;
    --margin-sm: 0.5em;
    --margin-xs: 0.25em;

    --size-xxl: 2.6em;
    --size-xl: 2.2em;
    --size-lg: 1.5em;
    --size-md: 16px;
}

* {
    font-family: sans-serif;
    font-size: var(--size-md);
    border-radius: 0;
    border: none;
    box-shadow: none;
    background-image: none;
}

popover, popover contents {
    border-radius: 12px;
    padding: 0;
}

window, popover {
    background-color: var(--color-dark-secondary);
}

box, button, label, calendar {
    background-color: #0000;
}

#bar, popover contents {
    background: var(--color-dark-primary); /*var(--gradient);*/
}

scale.horizontal highlight {
    background: #6699CCFF; /*linear-gradient(90deg, #6699CCCC 35%, #CC99CCB2 100%);*/
}

scale.vertical highlight {
    background: #6699CCFF; /*linear-gradient(0, #6699CCCC 35%, #CC99CCB2 100%);*/
}

slider {
    border-radius: 100%;
}

button {
    padding-left: var(--margin-sm);
    padding-right: var(--margin-sm);
}

button:hover, button:active {
    background-color: var(--color-dark-secondary);
}

dropdown popover row:hover, dropdown popover row:focus, dropdown popover row:selected {
    background-color: var(--color-dark-secondary);
}

radio {
    /* make purple */
    -gtk-icon-filter: hue-rotate(45deg) contrast(0.6);
    margin-right: var(--margin-sm);
}

#end > * + * {
    margin-left: var(--margin-sm);
}

.popup {
    padding: var(--margin-lg);
}

/* --- launcher --- */

.launcher .item {
    padding: 8px;
}

.launcher .item.open {
    box-shadow: inset 0 -1px var(--color-white);
}

.launcher .item.focused {
    box-shadow: inset 0 -1px var(--color-active);
}

.launcher .item.urgent {
    box-shadow: inset 0 -1px var(--color-urgent);
}

.popup-launcher {
    padding: var(--margin-sm);
}

.popup-launcher .popup-item {
    padding: var(--margin-lg);
    border-radius: 10px;
}

.popup-launcher .popup-item label {
    margin-top: var(--margin-sm);
}

/* --- menu --- */

.menu label {
    padding: 0 var(--margin-sm);
}

.popup-menu .sub-menu {
    border-left: 1px solid var(--color-border-light);
    padding-left: var(--margin-sm);
}

.popup-menu .category, .popup-menu .application {
    padding: var(--margin-xs);
}

.popup-menu .category.open {
    background-color: var(--color-dark-secondary);
}

Additional context

Screenshots

[eaglgenes101]

I found a workaround:

Add a style for the launcher as follows:

.launcher .item :nth-child(2) {
    font-size: 0;
}

[byqzna]

That workaround doesn't work on a horizontal bar at the top.