DxcDropdown adds right padding even when no "arrow" is displayed

[pcastanoigle]

Describe the bug

The content of the collapsed dropdown is not displayed centered, there is a padding included on the right:

 displayValue: (          <DxcDropdown   options={options}    onSelectOption={(option) => item.onClickOption(option)}  iconSrc={more_horiz}            caretHidden={true}   theme="dark" ></DxcDropdown>        ),

To Reproduce
See code above.

Expected behavior
Should be displayed centered.

Screenshots
See above
Additional context

Add labels
"@dxc-technology/halstack-react": "^3.3.0",

[aweell]

Adding to the issue:

• It seems that the display of the SVG container should be set to none instead of inline-block when the prop caretHidden is set to true.

When I tried to change to display: none; in Developer central the "next" dropdown in the header doesn't display the label correctly. Why are we making a calc() in the label container?