title position changed about sweet-modal-vue

[lbm-trentm]

@Chiyaoching - Typo in your workaround.

.sweet-modal .sweet-title { display: flex; align-item:center; }

Although that doesn't work for me. I found the only way was to set the line height of the h2

.sweet-modal .sweet-title > h2 { line-height: 64px; }

[bluefirex]

Can anyone of you provide a small example project where this happens? We had this issue before but only switched between "fixes" and I'd like to fix it once and for all 🙃

[dokudoki]

I'm using with bootstrap and it have similar issue. My workaround similar to @bluefirex

.sweet-modal .sweet-title > h2 { line-height: inherit; }

[juanvillegas]

This hasn't still be fixed right? I was just facing the same issue. The problem I think comes from the styles not being applied to the h2 inside .sweet-title, but rather to the .sweet-title div. So if the website defines styles for h2, those override sweet modal's.

[Symbolk]

Same issue, and it look like this: