diff --git a/src/components/Pop-up/index.js b/src/components/Pop-up/Popup.js
similarity index 93%
rename from src/components/Pop-up/index.js
rename to src/components/Pop-up/Popup.js
index 1ac1868..1299545 100644
--- a/src/components/Pop-up/index.js
+++ b/src/components/Pop-up/Popup.js
@@ -2,7 +2,7 @@ import React from "react";
 import "./index.scss";
 import Hand from "./AnimatedHand/Hand";
 
-export default  function Popup(props) {
+export default function Popup(props) {
   return props.trigger ? (
     <div className="popup">
       <div className="popup-inner">
diff --git a/src/pages/About/index.js b/src/pages/About/index.js
index 0a2bfc6..182b823 100644
--- a/src/pages/About/index.js
+++ b/src/pages/About/index.js
@@ -1,6 +1,6 @@
 // import styles from "./index.module.scss";
 import Logo from "../../components/Logo";
-import  Popup from "../../components/Pop-up";
+import ShowPopup from "../../components/Pop-up/ShowPopup";
 export const About = () => {
-    return <Popup/>;
+  return <ShowPopup />;
 };