Showing Fields from Custom Order Table

-- url of the page with the problem -- : www.litterpicks.com
-- HikaShop version -- : 3.2.2
-- Joomla version -- : 3.8.3

Not sure if this is a question or a suggestion--or whether I should ask it in Hikashop or Hikamarket forum...

When a vendor is logged in to the front end and goes to the Order Details page in their portal, the layout showing all of the details of the order (including custom fields created in the order table) is not good. The row labels don't line up with the correct information. I'm attaching a screenshot showing the issue. Think this view might be ordermarket / show_block_fields.php

It would be great if this was formatted similar to how the order is viewed by a buyer on the Customer order page. The layout of the custom order fields looks fine. (we've attached this screenshot as well showing how it looks fine for a customer)

Any suggestions on how to fix this layout on the order page when viewed by a vendor? We've already added some CSS to make the labels that are longer than about 30 px show up on multiple lines instead of being cut off

dl.hikam_options > dt {
text-overflow: inherit !important;
white-space: normal !important;
}

Any thoughts on how to line up the submitted order field data with the Field label?

OK. Thanks for the explanation Jerome. Makes sense. Not sure if this will help anyone else, but we fixed it using the following CSS

.hikamarket_order dl.hikam_options.large > dt, .hikamarket_order dl.hikam_options.large > dd {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    float: none !important;
    margin: 0 !important;
    padding: 10px 0 !important;
}