Closely placed line doesn't place coorectly

[cj-1010-1414]

Take this example:

the html:

               <div class={styles.meta}>
                  <div class={styles.title}>SOME TEXT HERE</div>
                  <div class={styles.number}>
                     Number: SKU/004/402.408.01/IV/2026
                  </div>
               </div>

and css:

   .meta {
      @apply flex flex-col items-center;
   }

   .title {
      @apply font-bold border-b border-black;
   }

The line is striking the text, not placed under the text. It will be the same wether the line is created by border bottom, or manual line by filling empty element with bg color.