diff --git a/src/renderer/src/components/toast/toast.scss b/src/renderer/src/components/toast/toast.scss
index e5320231..86449649 100644
--- a/src/renderer/src/components/toast/toast.scss
+++ b/src/renderer/src/components/toast/toast.scss
@@ -7,8 +7,9 @@
   background-color: globals.$dark-background-color;
   border-radius: 4px;
   border: solid 1px globals.$border-color;
-  right: 16px;
-  bottom: 26px + globals.$spacing-unit;
+  right: calc(globals.$spacing-unit * 2);
+  // 28px is the height of the bottom panel
+  bottom: calc(28px + globals.$spacing-unit * 2);
   overflow: hidden;
   display: flex;
   flex-direction: column;