diff --git a/src-web/hooks/useActiveCookieJar.ts b/src-web/hooks/useActiveCookieJar.ts
index f5150f35..225dd11f 100644
--- a/src-web/hooks/useActiveCookieJar.ts
+++ b/src-web/hooks/useActiveCookieJar.ts
@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { NAMESPACE_GLOBAL } from '../lib/keyValueStore';
 import { useActiveWorkspaceId } from './useActiveWorkspaceId';
 import { useCookieJars } from './useCookieJars';
@@ -15,6 +16,12 @@ export function useActiveCookieJar() {
 
   const activeCookieJar = cookieJars.find((cookieJar) => cookieJar.id === kv.value);
 
+  useEffect(() => {
+    if (!kv.isLoading && activeCookieJar == null && cookieJars.length > 0) {
+      kv.set(cookieJars[0]?.id ?? null);
+    }
+  }, [activeCookieJar, cookieJars, kv]);
+
   return {
     activeCookieJar: activeCookieJar ?? null,
     setActiveCookieJarId: kv.set,