From ab45917b788bf0958bdd76fbe13998420d701fb7 Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Tue, 19 Sep 2023 17:34:06 +0200
Subject: [PATCH] fix(frontend): fix alignment (#2307)

---
 .../apps/components/helpers/ResolveStyle.svelte       | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/helpers/ResolveStyle.svelte b/frontend/src/lib/components/apps/components/helpers/ResolveStyle.svelte
index 3eb9821975..82fd6f4bc1 100644
--- a/frontend/src/lib/components/apps/components/helpers/ResolveStyle.svelte
+++ b/frontend/src/lib/components/apps/components/helpers/ResolveStyle.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { deepEqual } from 'fast-equals'
 	import type { ComponentCssProperty } from '../../types'
 	import InputValue from './InputValue.svelte'
 
@@ -19,8 +20,14 @@
 		const { class: componentClass, style: componentStyleValue } = componentStyle?.[key] ?? {}
 		const { class: customClass, style: customStyleValue } = customCss?.[key] ?? {}
 
-		css.class = [componentClass, customClass, evalClassValue].filter(Boolean).join(' ')
-		css.style = [componentStyleValue, customStyleValue].filter(Boolean).join(';')
+		const newCss = {
+			class: [componentClass, customClass, evalClassValue].filter(Boolean).join(' '),
+			style: [componentStyleValue, customStyleValue].filter(Boolean).join(';')
+		}
+
+		if (!deepEqual(newCss, css)) {
+			css = newCss
+		}
 	}
 
 	// When any of the values change, update the css