Icons off centered

[littleblack111]

css:

* {
    border: none;
    font-family: Iosevka, FontAwesome, Noto Sans CJK, Jetbrains Nerd Font, sans-serif;
    font-size: 16px;
    min-height: 0;
    margin-bottom: 0;
}

window#waybar {
    font-family: Iosevka, FontAwesome, Noto Sans CJK, "JetBrains Mono NerdFont";
    background-color: transparent;
    font-size: 0.8rem;
}

.module {
    background: rgba(5, 1, 13, 0.5);
    border-radius: 8px;
    margin: 3pxS;
}

#custom-launcher {
    color: @BLUE;
    border-radius: 10px;
    padding: 8px 8px 8px 8px;
    /* font-size: 2.5rem; */
}

config:

    "custom/launcher": {
        "format": "󰣇",
        // "on-click": "bash $HOME/.config/rofi/launcher.sh",
        //    "on-click": "wofi --show drun -I -a -n -W 500 -H 376 -s ~/.config/wofi/themes/gruvbox.css",
        // "on-click-right": "bash $HOME/.config/rofi/run.sh"  
        //    "on-click-right": "wofi --show run -I -a -n -W 500 -H 376 -s ~/.config/wofi/themes/gruvbox.css"  
    },

uncertain if theres other factors that need to be included.

im using waybar from arch extra repo

using hyprland

[littleblack111]

[littleblack111]

for some reason padding-left: 12px; fixes it?