There is currently a bug surrounding the DescriptionList component. When rendered, independent of being direction=“column” or direction=“row”, it displays as column. I updated the code to column, then back to row in an attempt to “turn it off then back on again” but with no success.
<DescriptionList direction="row">
<DescriptionListItem label={'Timezone'}><Text>{station.timezone || ''}</Text></DescriptionListItem>
<DescriptionListItem label={'Licensee City'}><Text>{station.address_licensee_city || ''}</Text></DescriptionListItem>
<DescriptionListItem label={'Licensee State'}><Text>{station.address_licensee_state || ''}</Text></DescriptionListItem>
<DescriptionListItem label={'County'}><Text>{station.county || ''}</Text></DescriptionListItem>
</DescriptionList>
When rendering the .jsx code inside a card located on a CRM record like Company, it appears like this:
See: Accounts Dashboard | HubSpot
Edit: I have confirmed a couple times that the code is live on our project. The cards in question have not been updated in weeks/months and all of a sudden this morning US time they changed direction.