Text spacing in table

How can I reduce the right text spacing in the table?


  #entity-details {
        #background-color: var(--primary-color);
        padding: 1.2rem;
        border-radius: 1rem;
        border-color: var(--primary-color);
        border-width: 10px;
        border-style: solid;
        width: 100%;
        color: black;
        text-align: left;

    #entity-details p { margin-right: 50px;}

    #entity-details th {
        font-weight: normal;
        padding-bottom: .5rem;

    #entity-details > tbody > tr > th:nth-child(2) {
        text-align: right;

@ben do you have any thoughts?

#entity-details is a table element, so setting max-width should work for you.

Also, you’re saying you want to reduce it, meanwhile, the screenshot is saying that you want to increase it?

Hi @ben

I suspect I have not described the problem correctly.

At the moment it looks like this:

But it should look like this:

Understood. Can you please provide the whole page output and share it with us, so I can have a better look.

You can find how to do that here: Free Source Available Invoicing, Expenses & Time-Tracking | Invoice Ninja