[FIXED] Buttons are overlapping using primeng

Issue

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

Solution

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

style.css

.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