diff --git a/src/frontend/src/modals/editNodeModal/index.tsx b/src/frontend/src/modals/editNodeModal/index.tsx
index 05a3a4354..cb6f82f59 100644
--- a/src/frontend/src/modals/editNodeModal/index.tsx
+++ b/src/frontend/src/modals/editNodeModal/index.tsx
@@ -25,7 +25,7 @@ const EditNodeModal = forwardRef(
       //      setOpenWDoubleClick: (open: boolean) => void;
       data: NodeDataType;
     },
-    ref
+    ref,
   ) => {
     const myData = useRef(cloneDeep(data));
 
@@ -53,7 +53,7 @@ const EditNodeModal = forwardRef(
       handleOnNewValue,
       handleOnChangeDb,
       changeAdvanced,
-      open
+      open,
     );
 
     const [gridApi, setGridApi] = useState<GridApi | null>(null);
@@ -78,9 +78,11 @@ const EditNodeModal = forwardRef(
         </BaseModal.Trigger>
         <BaseModal.Header description={data.node?.description!}>
           <span className="pr-2">{data.type}</span>
-          <Badge variant={isDark ? "gray" : "secondary"}>
-            <span className="relative top-[0.6px]">ID: {data.id}</span>
-          </Badge>
+          <div>
+            <Badge size="sm" variant={isDark ? "gray" : "secondary"}>
+              ID: {data.id}
+            </Badge>
+          </div>
         </BaseModal.Header>
         <BaseModal.Content>
           <div className="flex h-full flex-col">
@@ -117,7 +119,7 @@ const EditNodeModal = forwardRef(
         />
       </BaseModal>
     );
-  }
+  },
 );
 
 export default EditNodeModal;