'customizing p-dropdown angular

Am working on an angular UI.

In the UI , i have added a dropdown using p-dropdown. Now the UI look like below

enter image description here

Existing css

.p-dropdown {
    width: 150px;
    border:none;
    background: #F5F9FC;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;


  }
  
  
  .p-dropdown .p-dropdown-label{
    color: #0098F3;
    font-size: 13px;
    text-transform: capitalize;
  }

I need to remove the extra space after the arrow.

How can i do it.Am not familiar with CSS and UI designs.

Thanks in advance

cssangularprimeng


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions