To solve the problem, use a monospaced font. Search for “monospaced font download” on Google, then copy the font to the assets folder, and in the font manager panel, you can crate the new font to the project.
If you don’t want to use a monospaced font and you want the outline box not to be inconsistent, you first need to set the box to a fixed width. Currently, the content sets the width, so it varies with the text length.
Create a panel widget and set its width and height to fixed dimensions, not based on content. Then, in the style settings, set the borders and colors. Add a label that you align to the left, this will display the time. Next, add another label that you align to the left as well, this will be for the date. Adjust the x position of this label to where the date should appear. This way, neither the panel nor the texts will jump relative to each other.