From 443edd8135e3536e096a47aaaf6c4014c1af1336 Mon Sep 17 00:00:00 2001
From: VampireChicken12 <Johnbrown51@yahoo.com>
Date: Thu, 4 Jan 2024 22:13:21 -0500
Subject: [PATCH] fix(custom css): page CSS didn't update when editor css
 changed

---
 src/features/customCSS/utils.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/features/customCSS/utils.ts b/src/features/customCSS/utils.ts
index fe9652ef..18f01aaa 100644
--- a/src/features/customCSS/utils.ts
+++ b/src/features/customCSS/utils.ts
@@ -5,8 +5,7 @@ export function updateCustomCSS({ custom_css_code }: Pick<configuration, "custom
 	const customCSSStyleElement = document.querySelector<HTMLStyleElement>("#yte-custom-css");
 	// Check if the custom CSS style element exists
 	if (!customCSSStyleElement) return;
-	// Update the custom CSS style element
-	customCSSStyleElement.textContent = custom_css_code;
+	customCSSStyleElement.replaceWith(createCustomCSSElement({ custom_css_code }));
 }
 export function createCustomCSSElement({ custom_css_code }: Pick<configuration, "custom_css_code">) {
 	// Create the custom CSS style element