diff --git a/src/common/Toast/Toast.js b/src/common/Toast/Toast.js
index c4c53e6f7..340c25daf 100644
--- a/src/common/Toast/Toast.js
+++ b/src/common/Toast/Toast.js
@@ -1,7 +1,9 @@
 const React = require('react');
+const classnames = require('classnames');
 const useLiveRef = require('stremio/common/useLiveRef');
 const { Modal } = require('stremio-router');
 const ToastItem = require('./ToastItem');
+const styles = require('./styles');
 
 const DEFAULT_TIMEOUT = 2000;
 
@@ -33,7 +35,7 @@ const Toast = React.forwardRef(({ className }, ref) => {
     React.useImperativeHandle(ref, () => ({ show, hideAll }));
 
     return toastItems.length === 0 ? null : (
-        <Modal className={className}>
+        <Modal className={classnames(className, styles['toast-container'])}>
             {toastItems.map((item, index) => (<ToastItem {...item} key={index} />))}
         </Modal>
     );
diff --git a/src/common/Toast/styles.less b/src/common/Toast/styles.less
new file mode 100644
index 000000000..7de87bf63
--- /dev/null
+++ b/src/common/Toast/styles.less
@@ -0,0 +1,4 @@
+.toast-container {
+    pointer-events: none;
+    left: auto !important;
+}
\ No newline at end of file
diff --git a/storybook/stories/Toast/SimpleToast/styles.less b/storybook/stories/Toast/SimpleToast/styles.less
index 09a943bea..e021c2764 100644
--- a/storybook/stories/Toast/SimpleToast/styles.less
+++ b/storybook/stories/Toast/SimpleToast/styles.less
@@ -8,12 +8,9 @@
         background-color: var(--color-primarydark);
         padding: .5rem;
         margin: .5rem;
-
     }
 }
 
 .toasts-container {
     width: 30rem;
-    pointer-events: none;
-    left: auto !important;
 }
\ No newline at end of file