diff --git a/apps/canvas/front/src/Details.tsx b/apps/canvas/front/src/Details.tsx
index 23920dd..73e401b 100644
--- a/apps/canvas/front/src/Details.tsx
+++ b/apps/canvas/front/src/Details.tsx
@@ -1,11 +1,12 @@
 import { useNodes } from "@xyflow/react";
-import { AppNode, nodeLabel, NodeType, useMode } from "@/lib/state";
+import { nodeLabel, useMode } from "@/lib/state";
 import { NodeDetails } from "@/components/node-details";
 import { Accordion, AccordionContent, AccordionTrigger } from "./components/ui/accordion";
 import { AccordionItem } from "@radix-ui/react-accordion";
 import { useMemo, useState } from "react";
 import { Separator } from "./components/ui/separator";
 import { Name } from "./components/node-name";
+import { AppNode, NodeType } from "config";
 
 function unique<T>(v: T, i: number, a: T[]) {
 	return a.indexOf(v) === i;
diff --git a/apps/canvas/front/src/components/node-name.tsx b/apps/canvas/front/src/components/node-name.tsx
index fee274a..f1128a8 100644
--- a/apps/canvas/front/src/components/node-name.tsx
+++ b/apps/canvas/front/src/components/node-name.tsx
@@ -25,9 +25,9 @@
 		return (
 			<div className="w-full flex flex-row gap-1 items-center">
 				<Icon node={node} />
-				<h3 className="w-full text-lg font-bold cursor-text select-none hover:outline-solid hover:outline-2 hover:outline-gray-200">
+				<h4 className="w-full cursor-text select-none hover:outline-solid hover:outline-2 hover:outline-gray-200">
 					{nodeLabel(node)}
-				</h3>
+				</h4>
 			</div>
 		);
 	}
@@ -48,12 +48,12 @@
 					disabled={disabled}
 				/>
 			) : (
-				<h3
-					className="w-full text-lg font-bold cursor-text select-none hover:outline-solid hover:outline-2 hover:outline-gray-200"
+				<h4
+					className="w-full cursor-text select-none hover:outline-solid hover:outline-2 hover:outline-gray-200"
 					onClick={() => setIsEditing(true)}
 				>
 					{data.label}
-				</h3>
+				</h4>
 			)}
 		</div>
 	);