<SplitButton> inherits CSS properties from <DynamicDialog> "footer" and disrupts the original design

[istanfrank]

Describe the bug

The inherits CSS properties from "footer" and disrupts the original design of . See image. Empty dialog, once in the content area and once in the footer area. Of course, I can correct it using CSS, but I don't think that's intended. I haven't tested it in the "Header" section.

SplitButton Destroyed this CSS-Part from footer:
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
width: auto;

Reproducer

https://codesandbox.io/s/primevue-demo-forked-jzqxvm?file=/src/components/InfoDemo.vue

PrimeVue version

3.45

Vue version

3.x

Language

ALL

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

paste to content and footer and find the difference in design

Expected behavior

No response

[mertsincan]

Sorry for the delayed response! We'll give an update before the next version is released.

Sorry again :/

[istanfrank]

thanks you.