diff --git a/src/frontend/src/lib/components/assets/Assets.svelte b/src/frontend/src/lib/components/assets/Assets.svelte
index e9172ba3c..ff25e59d7 100644
--- a/src/frontend/src/lib/components/assets/Assets.svelte
+++ b/src/frontend/src/lib/components/assets/Assets.svelte
@@ -22,7 +22,7 @@
 	import { emit } from '$lib/utils/events.utils';
 	import { i18nFormat } from '$lib/utils/i18n.utils';
 
-	const { store }: RulesContext = getContext<RulesContext>(RULES_CONTEXT_KEY);
+	const { store, hasAnyRules }: RulesContext = getContext<RulesContext>(RULES_CONTEXT_KEY);
 
 	let collection: string | undefined = $state();
 	run(() => {
@@ -45,8 +45,6 @@
 	const { store: assetsStore, resetData }: DataContext<AssetNoContent> =
 		getContext<DataContext<AssetNoContent>>(DATA_CONTEXT_KEY);
 
-	let emptyCollection = $derived($store.rules?.length === 0);
-
 	const load = async () => {
 		resetPage();
 		resetData();
@@ -123,7 +121,7 @@
 	</DataCollectionHeader>
 </div>
 
-{#if !emptyCollection}
+{#if $hasAnyRules}
 	<div
 		class="data"
 		class:data-selected={nonNullish($assetsStore?.data)}
diff --git a/src/frontend/src/lib/components/docs/Docs.svelte b/src/frontend/src/lib/components/docs/Docs.svelte
index edb1376cd..af0e5d5e2 100644
--- a/src/frontend/src/lib/components/docs/Docs.svelte
+++ b/src/frontend/src/lib/components/docs/Docs.svelte
@@ -22,7 +22,7 @@
 	import { emit } from '$lib/utils/events.utils';
 	import { i18nFormat } from '$lib/utils/i18n.utils';
 
-	const { store }: RulesContext = getContext<RulesContext>(RULES_CONTEXT_KEY);
+	const { store, hasAnyRules }: RulesContext = getContext<RulesContext>(RULES_CONTEXT_KEY);
 
 	let collection: string | undefined = $state();
 	run(() => {
@@ -43,8 +43,6 @@
 	const { store: docsStore, resetData }: DataContext<DocType> =
 		getContext<DataContext<DocType>>(DATA_CONTEXT_KEY);
 
-	let emptyCollection = $derived($store.rules?.length === 0);
-
 	const load = async () => {
 		resetPage();
 		resetData();
@@ -121,7 +119,7 @@
 	</DataCollectionHeader>
 </div>
 
-{#if !emptyCollection}
+{#if $hasAnyRules}
 	<div
 		class="data"
 		class:data-selected={nonNullish($docsStore?.data)}
diff --git a/src/frontend/src/lib/stores/rules.store.ts b/src/frontend/src/lib/stores/rules.store.ts
index 9f1746f63..5eee4372d 100644
--- a/src/frontend/src/lib/stores/rules.store.ts
+++ b/src/frontend/src/lib/stores/rules.store.ts
@@ -3,7 +3,7 @@ import { reloadContextRules } from '$lib/services/rules.loader.services';
 import type { OptionIdentity } from '$lib/types/itentity';
 import type { RulesContext, RulesData } from '$lib/types/rules.context';
 import type { Principal } from '@dfinity/principal';
-import { get, writable } from 'svelte/store';
+import { derived, get, writable } from 'svelte/store';
 
 export const initRulesContext = ({
 	satelliteId: initialSatelliteId,
@@ -42,9 +42,12 @@ export const initRulesContext = ({
 		await reloadRules({ identity });
 	};
 
+	const hasAnyRules = derived(store, ({ rules }) => (rules?.length ?? 0) > 0);
+
 	return {
 		store,
 		reload: reloadRules,
-		init: initRules
+		init: initRules,
+		hasAnyRules
 	};
 };
diff --git a/src/frontend/src/lib/types/rules.context.ts b/src/frontend/src/lib/types/rules.context.ts
index 393b4c537..23f42a864 100644
--- a/src/frontend/src/lib/types/rules.context.ts
+++ b/src/frontend/src/lib/types/rules.context.ts
@@ -1,7 +1,7 @@
 import type { Rule } from '$declarations/satellite/satellite.did';
 import type { OptionIdentity } from '$lib/types/itentity';
 import type { Principal } from '@dfinity/principal';
-import type { Writable } from 'svelte/store';
+import type { Readable, Writable } from 'svelte/store';
 
 export interface RulesData {
 	satelliteId: Principal;
@@ -11,8 +11,11 @@ export interface RulesData {
 
 export interface RulesContext {
 	store: Writable<RulesData>;
+
 	reload: (params: { identity: OptionIdentity }) => Promise<void>;
 	init: (params: { satelliteId: Principal; identity: OptionIdentity }) => Promise<void>;
+
+	hasAnyRules: Readable<boolean>;
 }
 
 export const RULES_CONTEXT_KEY = Symbol('rules');