[FIXED] Buttons are overlapping using primeng


I’m using primeng buttons and when I use two buttons inside a div, they are getting overlapped.

I tried using several css classes to have the spacing. But, I guess you don’t need css class for the spacing between 2 buttons if you’re using pButton. The styling is properly imported and I have also imported the ButtonModule of primeng, as I’m able to see the styling of the buttons.

Can someone help?buttonoverlap


you can add a margin in the right and the left for the button tp solve this


.ui-button {
    margin-left: 0.25rem;
    margin-right: 0.25rem;

all primeng button has this class so this will affect all button in your project

Answered By – Muhammed Albarmavi

Answer Checked By – Dawn Plyler (Easybugfix Volunteer)

Leave a Reply

(*) Required, Your email will not be published