diff --git a/src/common/Toast/index.js b/src/common/Toast/index.js
deleted file mode 100644
index 37050e200..000000000
--- a/src/common/Toast/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-const Toast = require('./Toast');
-
-module.exports = Toast;
diff --git a/src/common/Toast/ToastItem/ToastItem.js b/src/common/Toasts/ToastItem/ToastItem.js
similarity index 100%
rename from src/common/Toast/ToastItem/ToastItem.js
rename to src/common/Toasts/ToastItem/ToastItem.js
diff --git a/src/common/Toast/ToastItem/index.js b/src/common/Toasts/ToastItem/index.js
similarity index 100%
rename from src/common/Toast/ToastItem/index.js
rename to src/common/Toasts/ToastItem/index.js
diff --git a/src/common/Toast/ToastItem/styles.less b/src/common/Toasts/ToastItem/styles.less
similarity index 100%
rename from src/common/Toast/ToastItem/styles.less
rename to src/common/Toasts/ToastItem/styles.less
diff --git a/src/common/Toast/Toast.js b/src/common/Toasts/Toasts.js
similarity index 94%
rename from src/common/Toast/Toast.js
rename to src/common/Toasts/Toasts.js
index a4e7aa01c..38ae52fbc 100644
--- a/src/common/Toast/Toast.js
+++ b/src/common/Toasts/Toasts.js
@@ -8,7 +8,7 @@ const styles = require('./styles');
 
 const DEFAULT_TIMEOUT = 2000;
 
-const Toast = React.forwardRef(({ className }, ref) => {
+const Toasts = React.forwardRef(({ className }, ref) => {
     const toastsContainer = useToastsContainer();
     const [toastItems, dispatch] = React.useReducer(
         (state, action) => {
@@ -47,11 +47,11 @@ const Toast = React.forwardRef(({ className }, ref) => {
 
     return toastItems.length === 0 ? null : (
         <ModalsContainerContext.Provider value={toastsContainer}>
-            <Modal className={classnames(className, styles['toast-container'])} disabled={true}>
+            <Modal className={classnames(className, styles['toasts-container'])} disabled={true}>
                 {toastItems.map((item, index) => (<ToastItem {...item} key={index} />))}
             </Modal>
         </ModalsContainerContext.Provider>
     );
 });
 
-module.exports = Toast;
+module.exports = Toasts;
diff --git a/src/common/Toasts/index.js b/src/common/Toasts/index.js
new file mode 100644
index 000000000..b06087a3a
--- /dev/null
+++ b/src/common/Toasts/index.js
@@ -0,0 +1,3 @@
+const Toasts = require('./Toasts');
+
+module.exports = Toasts;
diff --git a/src/common/Toast/styles.less b/src/common/Toasts/styles.less
similarity index 88%
rename from src/common/Toast/styles.less
rename to src/common/Toasts/styles.less
index c8a331491..1afd990e6 100644
--- a/src/common/Toast/styles.less
+++ b/src/common/Toasts/styles.less
@@ -1,4 +1,4 @@
-.toast-container {
+.toasts-container {
     position: absolute;
     top: var(--nav-bar-size);
     right: 0;
diff --git a/src/common/index.js b/src/common/index.js
index 474b77c3d..3770d8dca 100644
--- a/src/common/index.js
+++ b/src/common/index.js
@@ -16,7 +16,7 @@ const Popup = require('./Popup');
 const SharePrompt = require('./SharePrompt');
 const Slider = require('./Slider');
 const TextInput = require('./TextInput');
-const Toast = require('./Toast');
+const Toasts = require('./Toasts');
 const ToastsContainerContext = require('./ToastsContainerContext');
 const routesRegexp = require('./routesRegexp');
 const useAnimationFrame = require('./useAnimationFrame');
@@ -47,7 +47,7 @@ module.exports = {
     SharePrompt,
     Slider,
     TextInput,
-    Toast,
+    Toasts,
     ToastsContainerContext,
     routesRegexp,
     useAnimationFrame,
diff --git a/storybook/stories/index.js b/storybook/stories/index.js
index 7562692e3..e0a8bbc88 100644
--- a/storybook/stories/index.js
+++ b/storybook/stories/index.js
@@ -11,4 +11,4 @@ require('./Popup');
 require('./SeasonsBar');
 require('./SharePrompt');
 require('./Stream');
-require('./Toast');
+require('./Toasts');