diff --git a/src/components/Notification.tsx b/src/components/ToastNotification.tsx
similarity index 94%
rename from src/components/Notification.tsx
rename to src/components/ToastNotification.tsx
index 020f75a15..a885fc4ab 100644
--- a/src/components/Notification.tsx
+++ b/src/components/ToastNotification.tsx
@@ -17,7 +17,10 @@ interface Iprops {
     clearAttributes: () => void;
 }
 
-export default function Notification({ attributes, clearAttributes }: Iprops) {
+export default function ToastNotification({
+    attributes,
+    clearAttributes,
+}: Iprops) {
     const [show, setShow] = useState(false);
     const closeToast = () => {
         setShow(false);
diff --git a/src/pages/gallery/index.tsx b/src/pages/gallery/index.tsx
index d58e21b3b..f6d005f8c 100644
--- a/src/pages/gallery/index.tsx
+++ b/src/pages/gallery/index.tsx
@@ -104,7 +104,7 @@ import {
 } from 'types/gallery';
 import Collections from 'components/pages/gallery/Collections';
 import { VISIBILITY_STATE } from 'constants/file';
-import Notification from 'components/Notification';
+import Notification from 'components/ToastNotification';
 
 export const DeadCenter = styled.div`
     flex: 1;