score:1

Accepted answer

you could place a flex container in your dialogfooter and start centering the buttons inside.
here's an example:

<dialogfooter>
  <div style={{display: "flex", justifycontent: "center"}}>
     <primarybutton onclick={togglehidedialog} text="save" />
  </div>
</dialogfooter>

Related Query

More Query from same tag