diff --git a/frontend/src/pages/AppMap.jsx b/frontend/src/pages/AppMap.jsx
index 92a766c7..62040259 100644
--- a/frontend/src/pages/AppMap.jsx
+++ b/frontend/src/pages/AppMap.jsx
@@ -4,7 +4,6 @@ import {
     ReactFlowProvider,
     Background,
     Controls,
-    MiniMap,
     MarkerType,
 } from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
@@ -274,7 +273,6 @@ function Diagram({ viewId }) {
             maxZoom={1.5}
         >
             <Background gap={18} size={1} color="var(--border-subtle)" />
-            <MiniMap pannable zoomable />
             <Controls showInteractive={false} />
         </ReactFlow>
     );
diff --git a/frontend/src/styles/pages/_app-map.scss b/frontend/src/styles/pages/_app-map.scss
index b79c71ea..ec7ea2ef 100644
--- a/frontend/src/styles/pages/_app-map.scss
+++ b/frontend/src/styles/pages/_app-map.scss
@@ -84,17 +84,8 @@
             --xy-controls-button-color: #{$text-secondary};
             --xy-controls-button-color-hover: #{$text-primary};
             --xy-controls-button-border-color: #{$border-subtle};
-            --xy-minimap-background-color: #{$bg-elevated};
-            --xy-minimap-mask-background-color: rgba(0, 0, 0, 0.35);
-            --xy-minimap-node-background-color: #{$border-default};
             --xy-background-color: transparent;
         }
-
-        @media (max-width: 639px) {
-            .react-flow__minimap {
-                display: none;
-            }
-        }
     }
 
     // Node label + subtitle rendered inside ReactFlow's default node body.