diff --git a/wwwroot/api/my_todos_popup.dspy b/wwwroot/api/my_todos_popup.dspy
index 50bf408..b3597b6 100644
--- a/wwwroot/api/my_todos_popup.dspy
+++ b/wwwroot/api/my_todos_popup.dspy
@@ -91,10 +91,9 @@ for t in (todos or []):
             "subwidgets": [
                 {"widgettype": "Text",
                  "options": {"text": badge, "cfontsize": 0.7, "color": "#ffffff", "padding": "1px 8px",
-                             "style": {"background": badge_color, "borderRadius": "10px",
-                                       "fontWeight": "bold", "whiteSpace": "nowrap"}}},
+                             "bgcolor": badge_color, "borderRadius": "10px", "whiteSpace": "nowrap"}},
                 {"widgettype": "Text",
-                 "options": {"text": title, "cfontsize": 0.9, "color": "#1e293b", "fontWeight": "bold"}}
+                 "options": {"text": title, "cfontsize": 0.95, "color": "#0f172a"}}
             ]
         }
     ]
diff --git a/wwwroot/api/todo_detail.dspy b/wwwroot/api/todo_detail.dspy
index 19ffe27..959627c 100644
--- a/wwwroot/api/todo_detail.dspy
+++ b/wwwroot/api/todo_detail.dspy
@@ -337,10 +337,9 @@ head_widgets = [{
     "subwidgets": [
         {"widgettype": "Text",
          "options": {"text": badge, "cfontsize": 0.75, "color": "#ffffff", "padding": "2px 10px",
-                     "style": {"background": badge_color, "borderRadius": "10px", "fontWeight": "bold",
-                               "whiteSpace": "nowrap"}}},
+                     "bgcolor": badge_color, "borderRadius": "10px", "whiteSpace": "nowrap"}},
         {"widgettype": "Text",
-         "options": {"text": title, "cfontsize": 1.0, "color": "#1e293b", "fontWeight": "bold"}}
+         "options": {"text": title, "cfontsize": 1.05, "color": "#0f172a"}}
     ]
 }]
 if sub_lines:
@@ -360,14 +359,18 @@ return {
         "options": {"css": "filler", "width": "100%", "height": "100%", "gap": "0px"},
         "subwidgets": head_widgets + [
             {
-                "widgettype": "VScrollPanel",
-                "options": {"css": "filler", "width": "100%", "padding": "0 14px",
-                            "style": {"background": "#ffffff", "border": "1px solid #e2e8f0",
-                                      "borderRadius": "6px", "height": "62vh",
-                                      "minHeight": "220px", "overflowY": "auto"}},
+                "widgettype": "VBox",
+                "options": {"width": "100%", "height": "62vh", "minHeight": "220px",
+                            "bgcolor": "#ffffff", "border": "1px solid #e2e8f0",
+                            "borderRadius": "6px", "overflow": "hidden",
+                            "margin": "0 14px"},
                 "subwidgets": [{
-                    "widgettype": "MdWidget",
-                    "options": {"mdtext": '\n'.join(md), "width": "100%", "padding": "6px 10px"}
+                    "widgettype": "VScrollPanel",
+                    "options": {"css": "filler", "width": "100%", "padding": "6px 12px"},
+                    "subwidgets": [{
+                        "widgettype": "MdWidget",
+                        "options": {"mdtext": '\n'.join(md), "width": "100%"}
+                    }]
                 }]
             }
         ] + action_widgets