diff --git a/front/src/pages/Main/Main.tsx b/front/src/pages/Main/Main.tsx
index ebe79310..bddeea5a 100644
--- a/front/src/pages/Main/Main.tsx
+++ b/front/src/pages/Main/Main.tsx
@@ -14,6 +14,7 @@ import { Input } from "@/components/Input";
 import DisplayTitle from "@/components/common/containerGradient/DisplayTitle/DisplayTitle";
 import { Citizenship } from "@/types";
 import MusicalAddress from "@/components/MusicalAddress/MusicalAddress";
+import Passport from "./Passport/Passport";
 
 const tele = (window as any).Telegram.WebApp;
 
@@ -132,9 +133,7 @@ const Main = () => {
                 wordBreak: "break-all",
               }}
             >
-              {passport.owner}
-              {JSON.stringify(passport)}
-              {/* <MusicalAddress address={passport.owner} /> */}
+              <Passport passport={passport} />
             </div>
           )}
 
diff --git a/front/src/pages/Main/Passport/Passport.tsx b/front/src/pages/Main/Passport/Passport.tsx
new file mode 100644
index 00000000..dced32ce
--- /dev/null
+++ b/front/src/pages/Main/Passport/Passport.tsx
@@ -0,0 +1,14 @@
+import { Citizenship } from "@/types";
+import React from "react";
+
+function Passport({ passport }: { passport: Citizenship }) {
+  return (
+    <div>
+      {JSON.stringify(passport)}
+
+      {/* <MusicalAddress address={passport.owner} /> */}
+    </div>
+  );
+}
+
+export default Passport;