Remove left Margin from Textbox's Label when having an Icon

[Laurin S]

Hi, I'm using a TextBoxComponent and prepended an Icon with the addIcon() method. However, since I want to display always the label of the textbox by using the floatLabelType="Always" property, I wanted to ask: How can I remove the left margin (highlighted in yellow) from the label when using the textbox with an icon (see screenshot below)?

[Ponmani Murugaiyan]

Hi Laurin, 

Thanks for contacting Syncfusion support. 

We have override the CSS style to achieve your requirement. Please find the sample below for your reference. 

.e-float-text.e-label-top { 

    margin-left: -30px; 

} 

Output:  

 

 

Sample: https://stackblitz.com/edit/react-mqiens-5hbben?file=index.js  

Regards, 

Ponmani M