diff --git a/wwwroot/contract_detail.ui b/wwwroot/contract_detail.ui
index de2f25c..d03f282 100644
--- a/wwwroot/contract_detail.ui
+++ b/wwwroot/contract_detail.ui
@@ -153,7 +153,7 @@
                                 "record_id": "{% raw %}{{params_kw.get('contract_id')}}{% endraw %}",
                                 "tblname": "contract",
                                 "whiteSpace": "pre-wrap",
-                                "backgroundColor": "#f8f9fa",
+                                "bgcolor": "#f8f9fa",
                                 "padding": "10px",
                                 "borderRadius": "4px"
                             }
@@ -179,7 +179,7 @@
                                 "record_id": "{% raw %}{{params_kw.get('contract_id')}}{% endraw %}",
                                 "tblname": "contract",
                                 "whiteSpace": "pre-wrap",
-                                "backgroundColor": "#f8f9fa",
+                                "bgcolor": "#f8f9fa",
                                 "padding": "10px",
                                 "borderRadius": "4px"
                             }
diff --git a/wwwroot/index.ui b/wwwroot/index.ui
index 97e54b8..6785cb6 100644
--- a/wwwroot/index.ui
+++ b/wwwroot/index.ui
@@ -4,7 +4,7 @@
         "width": "100%",
         "height": "100%",
         "padding": "20px",
-        "backgroundColor": "#F9FAFB"
+        "bgcolor": "#F9FAFB"
     },
     "subwidgets": [
         {
@@ -27,7 +27,7 @@
                 {
                     "widgettype": "VBox",
                     "options": {
-                        "backgroundColor": "#FFFFFF",
+                        "bgcolor": "#FFFFFF",
                         "borderRadius": "8px",
                         "padding": "20px",
                         "boxShadow": "0 1px 3px rgba(0,0,0,0.1)",
@@ -69,7 +69,7 @@
                 {
                     "widgettype": "VBox",
                     "options": {
-                        "backgroundColor": "#FFFFFF",
+                        "bgcolor": "#FFFFFF",
                         "borderRadius": "8px",
                         "padding": "20px",
                         "boxShadow": "0 1px 3px rgba(0,0,0,0.1)",
@@ -111,7 +111,7 @@
                 {
                     "widgettype": "VBox",
                     "options": {
-                        "backgroundColor": "#FFFFFF",
+                        "bgcolor": "#FFFFFF",
                         "borderRadius": "8px",
                         "padding": "20px",
                         "boxShadow": "0 1px 3px rgba(0,0,0,0.1)",
@@ -153,7 +153,7 @@
                 {
                     "widgettype": "VBox",
                     "options": {
-                        "backgroundColor": "#FFFFFF",
+                        "bgcolor": "#FFFFFF",
                         "borderRadius": "8px",
                         "padding": "20px",
                         "boxShadow": "0 1px 3px rgba(0,0,0,0.1)",
@@ -201,7 +201,7 @@
                 "width": "100%",
                 "flex": "1",
                 "marginTop": "20px",
-                "backgroundColor": "#FFFFFF",
+                "bgcolor": "#FFFFFF",
                 "borderRadius": "8px",
                 "padding": "20px",
                 "boxShadow": "0 1px 3px rgba(0,0,0,0.1)"