diff --git a/src/components/DependencyGraph.tsx b/src/components/DependencyGraph.tsx
index afc50a65..6ca77669 100644
--- a/src/components/DependencyGraph.tsx
+++ b/src/components/DependencyGraph.tsx
@@ -59,6 +59,7 @@ import {
   DropdownMenuTrigger,
 } from "./ui/dropdown-menu";
 import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
+import { Move } from "lucide-react";
 
 // Types for the context menu
 type MenuType = "edge" | "node" | null;
@@ -181,13 +182,21 @@ const DependencyGraph: FunctionComponent<{
       childrenLimitMap,
       previousNodesRef.current,
       handleExpansionToggle,
+      enableContextMenu,
     );
     previousNodesRef.current = nodes;
 
     // get the root node - we use it for the initial position of the viewport
     const rootNode = nodes.find((n) => n.data.label === graph.name)!;
     return [nodes, edges, rootNode];
-  }, [graph, vulns, expandedNodes, childrenLimitMap, handleExpansionToggle]);
+  }, [
+    graph,
+    vulns,
+    expandedNodes,
+    childrenLimitMap,
+    handleExpansionToggle,
+    enableContextMenu,
+  ]);
 
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
@@ -757,6 +766,17 @@ const DependencyGraph: FunctionComponent<{
           )}
         </Button>
       </div>
+      <div className="absolute z-10 left-2 top-2">
+        <span className="text-sm text-muted-foreground/60 flex items-center gap-1">
+          <Move className="h-3 w-3" />
+          You can interact with this graph
+        </span>
+      </div>
+      {/* Todo: Find a better way to disable edge cursor pointer when context menu
+      is disabled. This is a bit hacky but works for now. Issue 1708 */}
+      {!enableContextMenu && (
+        <style>{`.react-flow__edge.selectable { cursor: grab !important; }`}</style>
+      )}
       <ReactFlow
         nodes={nodes}
         nodeTypes={nodeTypes}
diff --git a/src/components/DependencyGraphNode.tsx b/src/components/DependencyGraphNode.tsx
index f5d4a36a..c3133190 100644
--- a/src/components/DependencyGraphNode.tsx
+++ b/src/components/DependencyGraphNode.tsx
@@ -72,6 +72,7 @@ export interface DependencyGraphNodeProps {
     propagationCount?: number;
     propagationRatio?: number;
     flow?: number;
+    enableContextMenu?: boolean;
     onExpansionToggle?: (nodeId: string) => void;
   };
   id: string;
@@ -98,7 +99,10 @@ export const DependencyGraphNode: FunctionComponent<
         width: props.data.nodeWidth,
       }}
       className={classNames(
-        "relative border-2 rounded-lg p-3 text-xs text-card-foreground bg-card transition-all cursor-pointer active:cursor-grabbing",
+        "relative border-2 rounded-lg p-3 text-xs text-card-foreground bg-card transition-all",
+        props.data.enableContextMenu
+          ? "cursor-pointer active:cursor-grabbing"
+          : "cursor-grab active:cursor-grabbing",
         props.data.vuln
           ? props.data.vuln.every((v) => v.state === "falsePositive")
             ? "border-gray-500/50 shadow-md"
diff --git a/src/components/SeverityCard.tsx b/src/components/SeverityCard.tsx
index d7735dbd..e7fa2707 100644
--- a/src/components/SeverityCard.tsx
+++ b/src/components/SeverityCard.tsx
@@ -89,7 +89,7 @@ const SeverityCard: FunctionComponent<Props> = ({
                 `/${activeOrg.slug}/projects/${project.slug}/assets/${asset?.slug}/refs/${activeAssetVersion?.slug}/dependency-risks?` +
                 new URLSearchParams({
                   ...applySQLFilter(variant),
-                  ...(artifactName && {artifact: artifactName}),
+                  ...(artifactName && { artifact: artifactName }),
                 })
               }
               className="text-xs !text-muted-foreground"
diff --git a/src/utils/dependencyGraphHelpers.ts b/src/utils/dependencyGraphHelpers.ts
index a397376e..3aca09c6 100644
--- a/src/utils/dependencyGraphHelpers.ts
+++ b/src/utils/dependencyGraphHelpers.ts
@@ -219,6 +219,7 @@ export const getLayoutedElements = (
   childrenLimitMap: Map<string, number>,
   previousNodes: Array<any> = [],
   onExpansionToggle?: (nodeId: string) => void,
+  enableContextMenu?: boolean,
 ): [
   Array<{
     id: string;
@@ -332,6 +333,7 @@ export const getLayoutedElements = (
         hasMore: childCount > shownCount,
         isLoadMoreNode,
         parentId,
+        enableContextMenu,
         remainingCount: parentId
           ? (childCountMap.get(parentId) || 0) -
             (childrenLimitMap.get(parentId) || INITIAL_CHILDREN_TO_SHOW)