diff --git a/packages/next/src/views/Dashboard/Default/ModularDashboard/index.css b/packages/next/src/views/Dashboard/Default/ModularDashboard/index.css
index 095eeeff37d..64b255625df 100644
--- a/packages/next/src/views/Dashboard/Default/ModularDashboard/index.css
+++ b/packages/next/src/views/Dashboard/Default/ModularDashboard/index.css
@@ -1,4 +1,13 @@
 @layer payload-default {
+  .modular-dashboard {
+    margin: calc(var(--spacer-2-5) / -2);
+    width: calc(100% + var(--spacer-2-5));
+  }
+
+  .modular-dashboard .widget {
+    padding: calc(var(--spacer-2-5) / 2);
+  }
+
   .modular-dashboard .widget-content {
     height: 100%;
   }
diff --git a/packages/ui/src/elements/Card/index.css b/packages/ui/src/elements/Card/index.css
index 19515b8891c..36a9df727a6 100644
--- a/packages/ui/src/elements/Card/index.css
+++ b/packages/ui/src/elements/Card/index.css
@@ -8,7 +8,7 @@
     border-radius: var(--radius-medium);
     border: var(--stroke-width-small) solid var(--color-border);
     display: flex;
-    align-items: flex-start;
+    align-items: stretch;
     gap: var(--spacer-2);
   }
 
diff --git a/test/dashboard/components/Private.tsx b/test/dashboard/components/Private.tsx
index 71118de5a09..a6c6dbfcf11 100644
--- a/test/dashboard/components/Private.tsx
+++ b/test/dashboard/components/Private.tsx
@@ -24,9 +24,9 @@ export default function Private({ widgetSlug }: WidgetServerProps) {
         <h3 style={{ fontSize: '16px', fontWeight: 600, margin: 0 }}>Private Widget</h3>
         <div
           style={{
-            background: 'var(--theme-success-500)',
+            background: 'var(--color-bg-brand)',
             borderRadius: '12px',
-            color: 'var(--theme-elevation-0)',
+            color: 'var(--color-text-onbrand)',
             fontSize: '12px',
             fontWeight: 600,
             padding: '4px 8px',