diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 38be043cd..f2d3a1886 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -88,7 +88,6 @@ export default function ParameterComponent({
   const myData = useTypesStore((state) => state.data);
 
   const takeSnapshot = useFlowsManagerStore((state) => state.takeSnapshot);
-  console.log(title, color);
 
   const handleRefreshButtonPress = async (name, data) => {
     setIsLoading(true);
@@ -359,7 +358,7 @@ export default function ParameterComponent({
                 !showNode ? "mt-0" : ""
               )}
               style={{
-                borderColor: color??nodeColors.unknown,
+                borderColor: color ?? nodeColors.unknown,
               }}
               onClick={() => {
                 setFilterEdge(groupedEdge.current);
@@ -454,7 +453,7 @@ export default function ParameterComponent({
                     "h-3 w-3 rounded-full border-2 bg-background"
                   )}
                   style={{
-                    borderColor: color?? nodeColors.unknown,
+                    borderColor: color ?? nodeColors.unknown,
                   }}
                   onClick={() => {
                     setFilterEdge(groupedEdge.current);
diff --git a/src/frontend/src/modals/IOModal/index.tsx b/src/frontend/src/modals/IOModal/index.tsx
index 707d039c1..b337b7a7e 100644
--- a/src/frontend/src/modals/IOModal/index.tsx
+++ b/src/frontend/src/modals/IOModal/index.tsx
@@ -232,7 +232,7 @@ export default function IOModal({
                     className="api-modal-tabs-content mt-4"
                   >
                     <div className="mx-2 mb-2 flex items-center gap-2 text-sm font-bold">
-                      <IconComponent className="h-4 w-4" name={"FileType2"} />
+                      <IconComponent className="h-4 w-4" name={"Type"} />
                       {OUTPUTS_MODAL_TITLE}
                     </div>
                     {nodes
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 9b057fde7..6711396a8 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -276,21 +276,18 @@ export default function ExtraSidebar(): JSX.Element {
         >
           <IconComponent
             name={search ? "X" : "Search"}
-            className={`h-5 w-5 stroke-[1.5] text-primary ${search ? "cursor-pointer" : "cursor-default"
-              }`}
+            className={`h-5 w-5 stroke-[1.5] text-primary ${
+              search ? "cursor-pointer" : "cursor-default"
+            }`}
             aria-hidden="true"
           />
         </div>
       </div>
       <Separator />
       <div className="side-bar-components-div-arrangement">
-        <div
-          className="parent-disclosure-arrangement"
-        >
-          <div className="flex gap-4 items-center align-middle">
-            <span className="parent-disclosure-title">
-              Core Components
-            </span>
+        <div className="parent-disclosure-arrangement">
+          <div className="flex items-center gap-4 align-middle">
+            <span className="parent-disclosure-title">Core Components</span>
           </div>
         </div>
         {Object.keys(dataFilter)
@@ -351,7 +348,7 @@ export default function ExtraSidebar(): JSX.Element {
                             }
                             official={
                               dataFilter[SBSectionName][SBItemName].official ===
-                                false
+                              false
                                 ? false
                                 : true
                             }
@@ -443,33 +440,33 @@ export default function ExtraSidebar(): JSX.Element {
                   </DisclosureComponent>
                   {index ===
                     Object.keys(dataFilter).length -
-                    PRIORITY_SIDEBAR_ORDER.length +
-                    1 && (
-                      <>
-                        <a
-                          target={"_blank"}
-                          href="https://langflow.store"
-                          className="components-disclosure-arrangement"
-                        >
-                          <div className="flex gap-4 pl-2">
-                            {/* BUG ON THIS ICON */}
-                            <SparklesIcon
-                              strokeWidth={1.5}
-                              className="w-[22px] text-primary"
-                            />
+                      PRIORITY_SIDEBAR_ORDER.length +
+                      1 && (
+                    <>
+                      <a
+                        target={"_blank"}
+                        href="https://langflow.store"
+                        className="components-disclosure-arrangement"
+                      >
+                        <div className="flex gap-4 pl-2">
+                          {/* BUG ON THIS ICON */}
+                          <SparklesIcon
+                            strokeWidth={1.5}
+                            className="w-[22px] text-primary"
+                          />
 
-                            <span className="components-disclosure-title">
-                              Discover More
-                            </span>
+                          <span className="components-disclosure-title">
+                            Discover More
+                          </span>
+                        </div>
+                        <div className="components-disclosure-div">
+                          <div>
+                            <LinkIcon className="h-4 w-4 text-foreground" />
                           </div>
-                          <div className="components-disclosure-div">
-                            <div>
-                              <LinkIcon className="h-4 w-4 text-foreground" />
-                            </div>
-                          </div>
-                        </a>
-                      </>
-                    )}
+                        </div>
+                      </a>
+                    </>
+                  )}
                 </>
               ) : (
                 <div key={index}></div>
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index 5104301e3..2cf6754b3 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -917,7 +917,7 @@
     @apply mr-2 h-5 w-5 rotate-[44deg];
   }
   .form-modal-play-icon {
-    @apply mx-1 h-5 w-5;
+    @apply mx-1 h-5 w-5 fill-inherit;
   }
   .form-modal-chat-position {
     @apply flex-max-width px-2 py-6 pl-4 pr-9;
diff --git a/src/frontend/src/utils/buildUtils.ts b/src/frontend/src/utils/buildUtils.ts
index 46b81ba9d..bc2cc62e7 100644
--- a/src/frontend/src/utils/buildUtils.ts
+++ b/src/frontend/src/utils/buildUtils.ts
@@ -204,12 +204,11 @@ export async function buildVertices({
     if (stop) {
       break;
     }
-
-    if (onBuildComplete) {
-      const allNodesValid = buildResults.every((result) => result);
-      onBuildComplete(allNodesValid);
-      useFlowStore.getState().setIsBuilding(false);
-    }
+  }
+  if (onBuildComplete) {
+    const allNodesValid = buildResults.every((result) => result);
+    onBuildComplete(allNodesValid);
+    useFlowStore.getState().setIsBuilding(false);
   }
 }
 async function buildVertex({