diff --git a/src/snackbar/_snackbar.scss b/src/snackbar/_snackbar.scss
index 09e9c6da6..3a05f6d6d 100644
--- a/src/snackbar/_snackbar.scss
+++ b/src/snackbar/_snackbar.scss
@@ -28,7 +28,7 @@
   display: flex;
   font-family: $preferred_font;
   will-change: transform;
-  transform: translate(0, 80px);
+  transform: translate(-50%, 80px);
   transition: transform 0.25s $animation-curve-fast-out-linear-in;
   pointer-events: none;
   @media(max-width: $snackbar-tablet-breakpoint - 1) {
@@ -43,7 +43,7 @@
     border-radius: 2px;
   }
   &--active {
-    transform: translate(0, 0);
+    transform: translate(-50%, 0);
     pointer-events: auto;
     transition: transform 0.25s $animation-curve-linear-out-slow-in;
   }
@@ -79,3 +79,4 @@
     }
   }
 }
+