diff --git a/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.scss b/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.scss
index 779054d67..82c0bb544 100644
--- a/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.scss
+++ b/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.scss
@@ -9,4 +9,6 @@ $dark-snackbar: snackbar-theme(
 
 :host {
   @include tokens($dark-snackbar);
+  display: block;
+  height: 100vh;
 }
diff --git a/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.scss b/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.scss
index e69de29bb..f85909345 100644
--- a/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.scss
+++ b/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.scss
@@ -0,0 +1,4 @@
+:host {
+    display: block;
+    height: 100vh;
+}