diff --git a/src/frontend/src/pages/FlowPage/components/tabComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/tabComponent/index.tsx
index 25495dedf..ca21a0a43 100644
--- a/src/frontend/src/pages/FlowPage/components/tabComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/tabComponent/index.tsx
@@ -50,7 +50,7 @@ export default function TabComponent({ selected, flow, onClick }:{flow:FlowType,
 						) : (
 							<div className="flex items-center gap-2">
 								<span
-									className="text-left truncate"
+									className="text-left w-32 truncate"
 									onDoubleClick={() => {
 										setIsRename(true);
 										setValue(flow.name);
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 795f5f058..b5e804bd6 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -76,6 +76,8 @@ export const nodeColors: {[char: string]: string} = {
   chat: "#454173",
   thought:"#272541",
   docloaders:"#FF9135",
+  toolkits:"#DB2C2C",
+  wrappers:"#E6277A",
   unknown:"#9CA3AF"
 };