From 064460ddd62b1ca28c212d51138f1f2a244480f6 Mon Sep 17 00:00:00 2001
From: Petar Todorovic <petar@stakek.it>
Date: Tue, 20 Jan 2026 17:20:00 +0100
Subject: [PATCH] fix: dashboard layout

---
 .changeset/purple-weeks-sink.md                       |  5 +++++
 .../pages-dashboard/common/components/styles.css.ts   |  5 +----
 .../common/components/tabs/styles.css.ts              | 11 ++++++++++-
 3 files changed, 16 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/purple-weeks-sink.md

diff --git a/.changeset/purple-weeks-sink.md b/.changeset/purple-weeks-sink.md
new file mode 100644
index 00000000..85454c95
--- /dev/null
+++ b/.changeset/purple-weeks-sink.md
@@ -0,0 +1,5 @@
+---
+"@stakekit/widget": patch
+---
+
+fix: dashboard layout
diff --git a/packages/widget/src/pages-dashboard/common/components/styles.css.ts b/packages/widget/src/pages-dashboard/common/components/styles.css.ts
index e6dbf13a..24cb3a2f 100644
--- a/packages/widget/src/pages-dashboard/common/components/styles.css.ts
+++ b/packages/widget/src/pages-dashboard/common/components/styles.css.ts
@@ -36,10 +36,7 @@ export const outletWrapper = recipe({
   variants: {
     variant: {
       default: {
-        paddingTop: "24px",
-        paddingLeft: "30px",
-        paddingRight: "30px",
-        paddingBottom: "24px",
+        padding: "24px",
       },
       utila: {
         padding: "24px",
diff --git a/packages/widget/src/pages-dashboard/common/components/tabs/styles.css.ts b/packages/widget/src/pages-dashboard/common/components/tabs/styles.css.ts
index fa6c5ffa..abcee795 100644
--- a/packages/widget/src/pages-dashboard/common/components/tabs/styles.css.ts
+++ b/packages/widget/src/pages-dashboard/common/components/tabs/styles.css.ts
@@ -104,6 +104,9 @@ export const tabText = recipe({
       selected: {},
     },
     variant: {
+      default: {
+        marginBottom: "16px",
+      },
       utila: [
         atoms({ fontWeight: "semibold" }),
         {
@@ -130,6 +133,9 @@ export const tabText = recipe({
       },
     },
   ],
+  defaultVariants: {
+    variant: "default",
+  },
 });
 
 export const tabsContainer = recipe({
@@ -144,7 +150,10 @@ export const tabsContainer = recipe({
   ],
   variants: {
     variant: {
-      default: {},
+      default: {
+        gap: "15px",
+        paddingTop: "16px",
+      },
       utila: {
         gap: "15px",
         padding: "8px",