diff --git a/apps/roam/src/components/DiscourseNodeMenu.tsx b/apps/roam/src/components/DiscourseNodeMenu.tsx
index d2e09f1bf..b12ccbfa9 100644
--- a/apps/roam/src/components/DiscourseNodeMenu.tsx
+++ b/apps/roam/src/components/DiscourseNodeMenu.tsx
@@ -1,4 +1,13 @@
-import { Menu, MenuItem, Popover, Position } from "@blueprintjs/core";
+import {
+ Menu,
+ MenuItem,
+ Popover,
+ Position,
+ Button,
+ InputGroup,
+ getKeyCombo,
+ IKeyCombo,
+} from "@blueprintjs/core";
import React, {
useCallback,
useEffect,
@@ -14,6 +23,8 @@ import { getCoordsFromTextarea } from "roamjs-components/components/CursorMenu";
import getDiscourseNodes from "../utils/getDiscourseNodes";
import createDiscourseNode from "../utils/createDiscourseNode";
import { getNewDiscourseNodeText } from "../utils/formatUtils";
+import { OnloadArgs } from "roamjs-components/types";
+import { formatHexColor } from "./settings/DiscourseNodeCanvasSettings";
type Props = {
textarea: HTMLTextAreaElement;
@@ -118,14 +129,28 @@ const NodeMenu = ({ onClose, textarea }: { onClose: () => void } & Props) => {
content={