diff --git a/ui/scss/component/_snack-bar.scss b/ui/scss/component/_snack-bar.scss index 7ee663c40..8e702fdf5 100644 --- a/ui/scss/component/_snack-bar.scss +++ b/ui/scss/component/_snack-bar.scss @@ -9,6 +9,8 @@ position: fixed; transition: all var(--transition-duration) var(--transition-type); z-index: 10000; // hack to get it over react modal + display: flex; + flex-direction: column; } .snack-bar--upgrade { @@ -35,6 +37,7 @@ .snack-bar__action { display: inline-block; margin: var(--spacing-s) 0; + margin-left: auto; min-width: min-content; color: var(--color-white); @@ -51,5 +54,6 @@ .icon { margin-right: var(--spacing-m); + min-width: 1rem; } }