diff --git a/svelte/src/layout/Button.svelte b/svelte/src/layout/Button.svelte
index ccb9b21..a54678f 100644
--- a/svelte/src/layout/Button.svelte
+++ b/svelte/src/layout/Button.svelte
@@ -80,7 +80,6 @@ let click_int = e => {
 }
 .flat {
 	background: none;
-	margin: 0;
 	color: var(--body_text_color);
 	box-shadow: none;
 }
diff --git a/svelte/src/user_home/dashboard/CardActivity.svelte b/svelte/src/user_home/dashboard/CardActivity.svelte
index a16783b..a78be7d 100644
--- a/svelte/src/user_home/dashboard/CardActivity.svelte
+++ b/svelte/src/user_home/dashboard/CardActivity.svelte
@@ -121,7 +121,6 @@ onMount(() => {
 	display: flex;
 	flex-direction: row;
 	width: 100%;
-	margin-top: 4px;
 }
 .toolbar > * {
 	flex: 0 0 auto;
diff --git a/svelte/src/user_home/dashboard/CardFSHome.svelte b/svelte/src/user_home/dashboard/CardFSHome.svelte
index 4a25311..910e7dd 100644
--- a/svelte/src/user_home/dashboard/CardFSHome.svelte
+++ b/svelte/src/user_home/dashboard/CardFSHome.svelte
@@ -37,8 +37,7 @@ onMount(() => {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
-	margin-top: 8px;
-	gap: 8px;
+	gap: 6px;
 }
 .node {
 	display: flex;
diff --git a/svelte/src/user_home/dashboard/CardPrepaidTransactions.svelte b/svelte/src/user_home/dashboard/CardPrepaidTransactions.svelte
index 77ba78b..69c657f 100644
--- a/svelte/src/user_home/dashboard/CardPrepaidTransactions.svelte
+++ b/svelte/src/user_home/dashboard/CardPrepaidTransactions.svelte
@@ -158,7 +158,6 @@ onMount(() => {
 	display: flex;
 	flex-direction: row;
 	width: 100%;
-	margin-top: 4px;
 }
 .toolbar > * { flex: 0 0 auto; }
 .toolbar_spacer {
diff --git a/svelte/src/user_home/dashboard/CardUpload.svelte b/svelte/src/user_home/dashboard/CardUpload.svelte
index 18c4daf..ae1cfd2 100644
--- a/svelte/src/user_home/dashboard/CardUpload.svelte
+++ b/svelte/src/user_home/dashboard/CardUpload.svelte
@@ -28,7 +28,6 @@ let upload_widget
 	flex-direction: row;
 	justify-content: space-around;
 	gap: 8px;
-	margin-top: 8px;
 }
 .upload_buttons > * {
 	flex: 1 1 auto;
diff --git a/svelte/src/user_home/dashboard/Dashboard.svelte b/svelte/src/user_home/dashboard/Dashboard.svelte
index 92a93eb..28accaf 100644
--- a/svelte/src/user_home/dashboard/Dashboard.svelte
+++ b/svelte/src/user_home/dashboard/Dashboard.svelte
@@ -188,12 +188,13 @@ onMount(() => {
 	max-width: 100%;
 	background: var(--body_background);
 	border-radius: 8px;
-	padding: 8px;
+	padding: 2px;
 	text-align: initial;
 }
 .card_component {
 	flex: 1 1 auto;
 	overflow: auto;
+	padding: 6px;
 }
 .size_1 { width: 400px; }
 .size_1 > .card_component { max-height: 400px; }
@@ -214,5 +215,6 @@ onMount(() => {
 	margin: 0;
 	font-size: 1.5em;
 	border-bottom: none;
+	text-align: center;
 }
 </style>
diff --git a/webcontroller/style.go b/webcontroller/style.go
index 5869659..a3f64be 100644
--- a/webcontroller/style.go
+++ b/webcontroller/style.go
@@ -564,13 +564,11 @@ footer, .footer_content,
 		inset -2px -2px grey,
 		inset 2px 2px #fff !important;
 }
-.flat {
-	margin: 2px !important;
-}
 .window, .page_content, .file_button, .expandable, pre {
 	padding: 3px !important;
 }
-.window > .header, .headerbar {
+.window > .header,
+.headerbar {
 	background: linear-gradient(90deg,navy,#1084d0) !important;
 	color: #fff !important;
 }