diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index e2d254121..1668b1d4e 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -104,8 +104,13 @@ export default function GenericNode({
               }}
             />
             <div className="ml-2 truncate">
-              <ShadTooltip delayDuration={1500} content={data.node.display_name}>
-                <div className="ml-2 truncate text-gray-800">{data.node.display_name}</div>
+              <ShadTooltip
+                delayDuration={1500}
+                content={data.node.display_name}
+              >
+                <div className="ml-2 truncate text-gray-800">
+                  {data.node.display_name}
+                </div>
               </ShadTooltip>
             </div>
           </div>
diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx
index d32506bdc..522078629 100644
--- a/src/frontend/src/components/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/dropdownComponent/index.tsx
@@ -15,9 +15,9 @@ export default function Dropdown({
   let [internalValue, setInternalValue] = useState(
     value === "" || !value ? "Choose an option" : value
   );
-  useEffect(()=>{
-    setInternalValue(value === "" || !value ? "Choose an option" : value)
-  },[value])
+  useEffect(() => {
+    setInternalValue(value === "" || !value ? "Choose an option" : value);
+  }, [value]);
 
   return (
     <>