diff --git a/packages/web/src/utility/useConnectionColor.ts b/packages/web/src/utility/useConnectionColor.ts
index 5bcd7f617..649f46597 100644
--- a/packages/web/src/utility/useConnectionColor.ts
+++ b/packages/web/src/utility/useConnectionColor.ts
@@ -48,9 +48,10 @@ export function useConnectionColor(
   useConnectionFallback = true
 ) {
   const connections = useConnectionList();
-  return derived([connections, currentThemeDefinition], ([$connections, $themeDef]) =>
+  return derived([connections, currentThemeDefinition, cloudConnectionsStore], ([$connections, $themeDef, $cloudConnectionsStore]) =>
     getConnectionColor(
       $connections,
+      $cloudConnectionsStore,
       dbid,
       themeType ?? $themeDef?.themeType,
       colorIndex,