diff --git a/frontend/assets/css/tailwind.css b/frontend/assets/css/tailwind.css
index c647adb..f071dc5 100644
--- a/frontend/assets/css/tailwind.css
+++ b/frontend/assets/css/tailwind.css
@@ -215,22 +215,22 @@
     @keyframes toastSlideIn {
         from {
             opacity: 0;
-            transform: translateX(calc(100% + var(--viewport-padding)));
+            transform: translateY(calc(100% + var(--viewport-padding)));
         }
         to {
             opacity: 1;
-            transform: translateX(0);
+            transform: translateY(0);
         }
     }
 
     @keyframes toastSlideOut {
         from {
             opacity: 1;
-            transform: translateX(var(--reka-toast-swipe-end-x));
+            transform: translateY(var(--reka-toast-swipe-end-x));
         }
         to {
             opacity: 0;
-            transform: translateX(calc(100% + var(--viewport-padding)));
+            transform: translateY(calc(100% + var(--viewport-padding)));
         }
     }
 
@@ -281,6 +281,10 @@
 
 /* CONTAINER */
 
+* {
+    scroll-behavior: smooth !important;
+}
+
 @utility container {
     @apply mx-auto px-[var(--app-container-padding)] w-full max-sm:max-w-[var(--breakpoint-xs)] max-md:max-w-[var(--breakpoint-sm)] max-lg:max-w-[var(--breakpoint-md)] max-xl:max-w-[var(--breakpoint-lg)] max-w-[var(--breakpoint-2xl)];
 }