From 3306d26ffe25f70e1b2d5a4555e05fd3039ae2c4 Mon Sep 17 00:00:00 2001
From: Ovidijus Parsiunas <oparsiunas@googlemail.com>
Date: Thu, 12 Dec 2024 22:45:42 +0900
Subject: [PATCH] custom border style fix as shorthand border property was
 overriding custom border-top etc. properties

---
 component/src/utils/webComponent/webComponentStyleUtils.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/component/src/utils/webComponent/webComponentStyleUtils.ts b/component/src/utils/webComponent/webComponentStyleUtils.ts
index 82a031450..c86a581e4 100644
--- a/component/src/utils/webComponent/webComponentStyleUtils.ts
+++ b/component/src/utils/webComponent/webComponentStyleUtils.ts
@@ -6,7 +6,10 @@ export class WebComponentStyleUtils {
   private static readonly DEFAULT_COMPONENT_STYLE: Partial<CSSStyleDeclaration> = {
     height: '350px',
     width: '320px',
-    border: '1px solid #cacaca',
+    borderTop: '1px solid #cacaca',
+    borderRight: '1px solid #cacaca',
+    borderLeft: '1px solid #cacaca',
+    borderBottom: '1px solid #cacaca',
     fontFamily: GoogleFont.DEFAULT_FONT_FAMILY,
     fontSize: '0.9rem',
     backgroundColor: 'white',