diff --git a/print_designer/public/js/print_designer/components/layout/AppCanvas.vue b/print_designer/public/js/print_designer/components/layout/AppCanvas.vue
index 4828bc3..fbb69ee 100644
--- a/print_designer/public/js/print_designer/components/layout/AppCanvas.vue
+++ b/print_designer/public/js/print_designer/components/layout/AppCanvas.vue
@@ -464,14 +464,6 @@ onMounted(() => {
 	);
 
 	watchEffect(() => {
-		if (MainStore.screenStyleSheet) {
-			if (MainStore.screenStyleSheet.CssRuleIndex != null) {
-				try {
-					MainStore.screenStyleSheet.deleteRule(MainStore.screenStyleSheet.CssRuleIndex);
-				} catch (error) {
-					console.warn("Error Deleting Rule", error);
-				}
-			}
 			MainStore.screenStyleSheet.CssRuleIndex = MainStore.addStylesheetRules([
 				[
 					":root, ::after, ::before",
@@ -530,13 +522,6 @@ onMounted(() => {
 });
 watchEffect(() => {
 	if (MainStore.printStyleSheet && MainStore.page) {
-		for (let index = 0; index < MainStore.printStyleSheet.cssRules.length; index++) {
-			try {
-				MainStore.printStyleSheet.deleteRule(index);
-			} catch (error) {
-				console.warn("Error Deleting Rule", error);
-			}
-		}
 		const convertToMM = (input) => {
 			let convertedUnit = useChangeValueUnit({
 				inputString: input,
@@ -568,13 +553,6 @@ watchEffect(() => {
 });
 watchEffect(() => {
 	if (MainStore.screenStyleSheet && MainStore.modalLocation) {
-		for (let index = 0; index < MainStore.screenStyleSheet.cssRules.length; index++) {
-			try {
-				MainStore.screenStyleSheet.deleteRule(index);
-			} catch (error) {
-				console.warn("Error Deleting Rule", error);
-			}
-		}
 		MainStore.addStylesheetRules([
 			[
 				":root",