diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index 0a730b1b5..445a9f8e4 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -706,7 +706,6 @@
     },
     "node_modules/@clack/prompts/node_modules/is-unicode-supported": {
       "version": "1.3.0",
-      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
       "engines": {
diff --git a/src/frontend/src/components/core/dropdownComponent/index.tsx b/src/frontend/src/components/core/dropdownComponent/index.tsx
index 44a49b9a9..0ad0623ef 100644
--- a/src/frontend/src/components/core/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/core/dropdownComponent/index.tsx
@@ -203,7 +203,9 @@ export default function Dropdown({
                 className="h-4 w-4"
               />
             )}
-            {value && filteredOptions.includes(value) ? value : placeholderName}{" "}
+            {value && filteredOptions.includes(value)
+              ? value
+              : placeholderName}{" "}
           </span>
           <ForwardedIconComponent
             name="ChevronsUpDown"
diff --git a/src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx b/src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx
index cb2d7148c..670d64dc6 100644
--- a/src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx
+++ b/src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx
@@ -16,6 +16,7 @@ import useAlertStore from "@/stores/alertStore";
 import useAuthStore from "@/stores/authStore";
 import useFlowsManagerStore from "@/stores/flowsManagerStore";
 import useFlowStore from "@/stores/flowStore";
+import { cn } from "@/utils/utils";
 import { useState } from "react";
 
 export default function PublishDropdown() {
@@ -138,9 +139,10 @@ export default function PublishDropdown() {
             }
           >
             <div
-              className={
-                !hasIO ? "cursor-not-allowed" : "" + "flex items-center"
-              }
+              className={cn(
+                !hasIO ? "cursor-not-allowed" : "",
+                "flex items-center",
+              )}
             >
               <DropdownMenuItem
                 data-testid="shareable-playground"
@@ -167,6 +169,7 @@ export default function PublishDropdown() {
                   data-testid="publish-switch"
                   className="scale-[85%]"
                   checked={isPublished}
+                  disabled={!hasIO}
                   onClick={(e) => {
                     e.preventDefault();
                     e.stopPropagation();