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>