diff --git a/client/src/assets/pages/_dashboard-page.scss b/client/src/assets/pages/_dashboard-page.scss
index 231bab2..a3e423d 100644
--- a/client/src/assets/pages/_dashboard-page.scss
+++ b/client/src/assets/pages/_dashboard-page.scss
@@ -95,6 +95,13 @@
 		display: flex;
 		align-items: center;
 		cursor: pointer;
+		padding: 0.25rem 0.5rem;
+		margin: 0 0.5rem;
+		border: 1px solid var(--input-border-color);
+		background-color: var(--input-bg-color);
+		color: var(--input-fg-color);
+		border-radius: var(--border-radius);
+		box-sizing: border-box;
 
 		> .svg-icon {
 			margin-left: 0.5rem;
diff --git a/client/src/pages/dashboard/components/DashboardHeader/DashboardHeader.tsx b/client/src/pages/dashboard/components/DashboardHeader/DashboardHeader.tsx
index 3f52e54..59a4870 100644
--- a/client/src/pages/dashboard/components/DashboardHeader/DashboardHeader.tsx
+++ b/client/src/pages/dashboard/components/DashboardHeader/DashboardHeader.tsx
@@ -86,9 +86,7 @@ export const DashboardHeader = () => {
 				<>
 					<DashboardSwitch />
 					<button onClick={handleNewBox}>Add box</button>
-					<div className="spacer" />
 					<DashboardHeaderFilterToggle />
-					<div className="spacer" />
 					<button onClick={handleRefresh}>
 						<RefreshIcon /> Refresh all
 					</button>