diff --git a/apps/studio/src/components/Navigation.tsx b/apps/studio/src/components/Navigation.tsx
index ba98c9f5b..f095a9018 100644
--- a/apps/studio/src/components/Navigation.tsx
+++ b/apps/studio/src/components/Navigation.tsx
@@ -115,8 +115,8 @@ const OperationsNavigation: React.FunctionComponent<NavigationSectionProps> = ({
           >
             <div className="flex flex-row">
               <div className="flex-none">
-                <span className="mr-3 text-xs uppercase text-blue-500 font-bold">
-                  Pub
+                <span className="mr-3 text-xs uppercase text-green-600 font-bold">
+                  Sub
                 </span>
               </div>
               <span className="truncate">{channelName}</span>
@@ -147,8 +147,8 @@ const OperationsNavigation: React.FunctionComponent<NavigationSectionProps> = ({
           >
             <div className="flex flex-row">
               <div className="flex-none">
-                <span className="mr-3 text-xs uppercase text-green-600 font-bold">
-                  Sub
+                <span className="mr-3 text-xs uppercase text-blue-500 font-bold">
+                  Pub
                 </span>
               </div>
               <span className="truncate">{channelName}</span>
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 0563c6eb3..b7ebd5fec 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -6,7 +6,8 @@
   "types": "dist/index.d.ts",
   "private": true,
   "scripts": {
-    "build": "tsup"
+    "build": "tsup",
+    "dev": "tsup --watch"
   },
   "keywords": [],
   "author": "",
@@ -18,4 +19,4 @@
   "devDependencies": {
     "tsup": "^8.0.2"
   }
-}
+}
\ No newline at end of file
diff --git a/turbo.json b/turbo.json
index 6fbcdb1aa..d008b02a7 100644
--- a/turbo.json
+++ b/turbo.json
@@ -8,6 +8,7 @@
       "cache": false
     },
     "dev": {
+      "dependsOn": ["^build"],
       "cache": false,
       "persistent": true
     },