Hydration style mismatch

[ilovedingle]

Vue version

3.4.15

Link to minimal reproduction

https://play.vuejs.org/#__SSR__eNqNUk1v00AQ/SsrC6mJFNuNAheTRAXUAxwAAUcfansnzrb7pd2xkyryf2d23YQ0QNWTPW/eznvzdg/JB2uzvoOkSJa+ccIik5VuV2WCvkyYB+zsutRCWeOQHZiDzYw1RtkOgbOBbZxR7IoGXJW61I3RHlnFVoE3mU+PSE3I8dBkMmWrNbt7c6iyvpIdDHZ/R8xlPuqTGhUIysoKgSrGllz0rJGV9+Qrfsla4fFRAgGHoUzWy5w4I1lo0mF9qgwHSf2KyPhoA1V3qgZHdU7UZX4mQmWcx3xjLHBCsijEDmHmTnDcFjSzFppP6un7AG5BtFss2Pz62u4jUlfNQ+tMp3naGGlcQTFw6gxxuzCe5iazZEwzVZXN7r3RlH1UKZ8atF0x6gaMsg11mWwRrS/yvOGajtFuoneZBsy1VfkN0XLXaRQKUm7UzSJ7m83fUSoez/EMvEprZ3YeHE0pk9mZTk5gDy51oDm4ENTrdC+OPdO+6P2lH+Qpn4FiQcpeb0R7EUp4OEKC+2ZR0Gt6Fk4lpdl9iRi6Dk7LNFtoHv6B3/v9uNR3B9HZWQBYuRZwbN/+/Ap7+j816TF18uki/tP8Ad7ILngcaR/pHZDtM150+znesdDtL3+7R9D+uFQwGtOI/Hghn15Y/Y/dRbY4pTj8BtOXSio=

Steps to reproduce

As soon as you reload the page you get an error "Hydration completed but contains mismatches".

To be clear you get this error when you set a style on the main element and also use a v-bind inside the style.
SSR should be enabled.

What is expected?

There shouldn't be any mismatches error

What is actually happening?

There is a mismatches error

System Info

No response

Any additional comments?

No response