diff --git a/src/components/middle/MessageList.scss b/src/components/middle/MessageList.scss
index b5bbfc65d..dcb9602e1 100644
--- a/src/components/middle/MessageList.scss
+++ b/src/components/middle/MessageList.scss
@@ -30,6 +30,7 @@
   }
 
   .messages-container {
+    position: relative;
     width: 100%;
     max-width: var(--messages-container-width);
     min-height: 100%;
@@ -43,6 +44,18 @@
       margin-top: 100vh !important;
     }
 
+    .backwards-trigger {
+      position: absolute;
+      left: 0;
+      top: 0;
+    }
+
+    .forwards-trigger, .fab-trigger {
+      position: absolute;
+      left: 0;
+      bottom: 0;
+    }
+
     @media (max-width: 600px) {
       width: 100vw;
       padding: 2.75rem 0.5rem 0.5rem;