diff --git a/app/components/toast.hbs b/app/components/toast.hbs
index bdb61d3..41e6fc8 100644
--- a/app/components/toast.hbs
+++ b/app/components/toast.hbs
@@ -1,6 +1,6 @@
 {{#in-element this.toaster.destinationElement insertBefore=null}}
   <div
-    class='absolute border rounded shadow-sm'
+    class='fixed border rounded shadow-sm'
     role='alert'
     style={{this.style}}
     {{did-insert this.didInsert}}
diff --git a/app/components/toast/task.hbs b/app/components/toast/task.hbs
index 0f85bf3..0d69634 100644
--- a/app/components/toast/task.hbs
+++ b/app/components/toast/task.hbs
@@ -2,6 +2,7 @@
   @autoClose={{this.autoClose}}
   @onClose={{@onClose}}
   @closeIndicatorClass={{this.bg}}
+  class='bg-base-7'
   as |toast|
 >
   <div class='flex items-center'>