diff --git a/src/components/atoms/Navigator/hooks.ts b/src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/hooks.ts
similarity index 100%
rename from src/components/atoms/Navigator/hooks.ts
rename to src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/hooks.ts
diff --git a/src/components/atoms/Navigator/index.stories.tsx b/src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/index.stories.tsx
similarity index 100%
rename from src/components/atoms/Navigator/index.stories.tsx
rename to src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/index.stories.tsx
diff --git a/src/components/atoms/Navigator/index.test.tsx b/src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/index.test.tsx
similarity index 100%
rename from src/components/atoms/Navigator/index.test.tsx
rename to src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/index.test.tsx
diff --git a/src/components/atoms/Navigator/index.tsx b/src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/index.tsx
similarity index 96%
rename from src/components/atoms/Navigator/index.tsx
rename to src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/index.tsx
index adfa7fce1..5086606ec 100644
--- a/src/components/atoms/Navigator/index.tsx
+++ b/src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/index.tsx
@@ -1,10 +1,9 @@
 import { memo } from "react";
 
+import Icon from "@reearth/components/atoms/Icon";
 import { useT } from "@reearth/i18n";
 import { styled } from "@reearth/theme";
 
-import Icon from "../Icon";
-
 import { useNavigator } from "./hooks";
 
 export type Props = {
@@ -35,7 +34,7 @@ export type Props = {
   onZoomOut?: () => void;
 };
 
-const Navigator: React.FC<Props> = memo(function NavigatorPresenter({
+const NavigatorPresenter: React.FC<Props> = memo(function NavigatorPresenterMemo({
   degree,
   onRotate,
   onStartOrbit,
@@ -174,4 +173,4 @@ const ToolIconButton = styled.button`
   place-items: center;
 `;
 
-export default Navigator;
+export default NavigatorPresenter;
diff --git a/src/components/atoms/Navigator/types.ts b/src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/types.ts
similarity index 100%
rename from src/components/atoms/Navigator/types.ts
rename to src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/types.ts
diff --git a/src/components/atoms/Navigator/utils.test.ts b/src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/utils.test.ts
similarity index 100%
rename from src/components/atoms/Navigator/utils.test.ts
rename to src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/utils.test.ts
diff --git a/src/components/atoms/Navigator/utils.ts b/src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/utils.ts
similarity index 100%
rename from src/components/atoms/Navigator/utils.ts
rename to src/components/molecules/Visualizer/Widget/Navigator/NavigatorPresenter/utils.ts
diff --git a/src/components/molecules/Visualizer/Widget/Navigator/hooks.ts b/src/components/molecules/Visualizer/Widget/Navigator/hooks.ts
index 1a6dd15d4..50e3b6255 100644
--- a/src/components/molecules/Visualizer/Widget/Navigator/hooks.ts
+++ b/src/components/molecules/Visualizer/Widget/Navigator/hooks.ts
@@ -1,10 +1,10 @@
 import { useState, useEffect, useCallback, useRef } from "react";
 
-import { degreeToRadian, radianToDegree } from "@reearth/components/atoms/Navigator/utils";
-
 import { SceneProperty } from "../../Engine";
 import { useContext } from "../../Plugin";
 
+import { degreeToRadian, radianToDegree } from "./NavigatorPresenter/utils";
+
 export default function ({ sceneProperty }: { sceneProperty: SceneProperty }) {
   const ctx = useContext();
   const camera = ctx?.reearth.camera;
diff --git a/src/components/molecules/Visualizer/Widget/Navigator/index.tsx b/src/components/molecules/Visualizer/Widget/Navigator/index.tsx
index e4321addf..4c2fefcb5 100644
--- a/src/components/molecules/Visualizer/Widget/Navigator/index.tsx
+++ b/src/components/molecules/Visualizer/Widget/Navigator/index.tsx
@@ -1,16 +1,16 @@
-import NavigatorUI from "@reearth/components/atoms/Navigator";
 import { ComponentProps as WidgetProps } from "@reearth/components/molecules/Visualizer/Widget";
 
 import { SceneProperty } from "../../Engine";
 
 import useHooks from "./hooks";
+import NavigatorPresenter from "./NavigatorPresenter";
 
 export type Props = WidgetProps<SceneProperty>;
 
 const Navigator = ({ sceneProperty }: Props): JSX.Element | null => {
   const { degree, events } = useHooks({ sceneProperty });
 
-  return <NavigatorUI degree={degree} {...events} />;
+  return <NavigatorPresenter degree={degree} {...events} />;
 };
 
 export default Navigator;