Apply background on colored text

[microo8]

When aplying a style with background, it doesn't fill some whitespace after a colored text.
How to do it right?

example:

package main

import (
	"fmt"
	"strings"

	"github.com/charmbracelet/lipgloss"
)

var (
	box = lipgloss.NewStyle().
		Background(lipgloss.Color("237")).
		Padding(2)
	label = lipgloss.NewStyle().
		Foreground(lipgloss.Color("6"))
	text = lipgloss.NewStyle().
		Foreground(lipgloss.Color("9"))
)

func main() {
	var col1, col2 strings.Builder
	col1.WriteString(label.Render("foo:"))
	col1.WriteRune('\n')
	col1.WriteString(label.Render("bar:"))
	col2.WriteString(text.Render("1235"))
	col2.WriteRune('\n')
	col2.WriteString(text.Render("ABC"))
	fmt.Println(
		box.Render(
			lipgloss.JoinHorizontal(
				lipgloss.Bottom,
				col1.String(),
				lipgloss.NewStyle().PaddingLeft(5).Render(col2.String()),
			),
		),
	)
}

output:

[bashbunni]

Are you hoping to see more of the darker background right of "1235" and "ABC"?
If so, I would use Lipgloss' Padding or PaddingRight functions to tailor the padding to your liking.

Let me know if that makes sense. I'm happy to answer any questions that pop up!