diff --git a/app/composables/useFilters.ts b/app/composables/useFilters.ts
index 43409c1..9c8973d 100644
--- a/app/composables/useFilters.ts
+++ b/app/composables/useFilters.ts
@@ -24,11 +24,13 @@ export function useFilter() {
 	});
 
 	// refresh cookie
-	if (cookie.value) {
-		cookie.value = {
-			...cookie.value,
-		};
-	}
+	callOnce(() => {
+		if (cookie.value) {
+			cookie.value = {
+				...cookie.value,
+			};
+		}
+	});
 
 	const filter = computed<Filter>({
 		get() {
diff --git a/app/composables/useSettings.ts b/app/composables/useSettings.ts
index b238931..9e08219 100644
--- a/app/composables/useSettings.ts
+++ b/app/composables/useSettings.ts
@@ -23,11 +23,13 @@ export function useSettings() {
 	});
 
 	// refresh cookie
-	if (cookie.value) {
-		cookie.value = {
-			...cookie.value,
-		};
-	}
+	callOnce(() => {
+		if (cookie.value) {
+			cookie.value = {
+				...cookie.value,
+			};
+		}
+	});
 
 	const settings = computed<Settings>({
 		get() {
diff --git a/app/utils/color.ts b/app/utils/color.ts
index 5d2be6e..b9fe3a2 100644
--- a/app/utils/color.ts
+++ b/app/utils/color.ts
@@ -93,15 +93,9 @@ export function darkenHex(hex: string, percent: number): string {
 	const rgb = hexToRgb(hex);
 	if (!rgb) return hex;
 
-	console.log(rgb);
-
 	const [h, s, l] = rgbToHsl(...rgb);
 
-	console.log(h, s, l);
-
 	const newL = Math.max(0, l - percent / 100);
 
-	console.log(h, s, newL);
-
 	return rgbToHex(...hslToRgb(h, s, newL));
 }