diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 01105e6b1..3175c0b4a 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -448,7 +448,7 @@ export default function GenericNode({
             </div>
             {showNode && (
               <Button
-                variant="outline"
+                variant="secondary"
                 className={"group h-9 px-1.5"}
                 onClick={() => {
                   if (data?.build_status === BuildStatus.BUILDING || isBuilding)
diff --git a/src/frontend/src/components/IOview/index.tsx b/src/frontend/src/components/IOview/index.tsx
index 4572ff619..28024ad77 100644
--- a/src/frontend/src/components/IOview/index.tsx
+++ b/src/frontend/src/components/IOview/index.tsx
@@ -289,11 +289,13 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
           </div>
           {!haveChat && (
             <div className="flex w-full justify-end pt-6">
-              <Button className="px-3" onClick={() => sendMessage(1)}>
+              <Button variant={"outline"} className="px-3 flex gap-2" onClick={() => sendMessage(1)}>
+                
                 <IconComponent
                   name={isBuilding ? "Loader2" : "Play"}
-                  className={cn("h-6 w-6", isBuilding ? "animate-spin" : "")}
+                  className={cn("h-4 w-4", isBuilding ? "animate-spin" : "fill-current text-medium-indigo")}
                 />
+                Run Flow
               </Button>
             </div>
           )}