When the text is too long, there may be a problem of being out of center?

[UnforgetMemory]

Like

Talk

I am a rookie developer. I used the custom function for rendering because the built-in template information icon does not have a corresponding color or close control, so I don't know how to make it correctly center the display of the control itself when the text is long. It would be perfect if the built-in template had corresponding icon colors and close buttons. This is my humble opinion. Thank you for your development. It should be the missing required component for Vuetify.

[SelfhostedPro]

I'm also having trouble here. Tried overriding the size limits in the css with !important and tried adding custom classes but still was unable to.

Component: https://github.com/SelfhostedPro/yacht-nuxt/blob/d259cf7cefa41ca9a8c7f723b5b77259263d9392/components/notifications.vue

Composable (where toast() is called from): https://github.com/SelfhostedPro/yacht-nuxt/blob/d259cf7cefa41ca9a8c7f723b5b77259263d9392/composables/toast.ts