From c5b31bb7b53d4c3737127c60c41fd83f3ec514ec Mon Sep 17 00:00:00 2001
From: melvnl <melvinlim2000@gmail.com>
Date: Fri, 2 Jan 2026 17:51:19 +0700
Subject: [PATCH 1/2] fix(ui): fix dashboard search spaces layout for 1024px
 and below

---
 surfsense_web/app/dashboard/searchspaces/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/surfsense_web/app/dashboard/searchspaces/page.tsx b/surfsense_web/app/dashboard/searchspaces/page.tsx
index d7d24ae03..b40eb5d82 100644
--- a/surfsense_web/app/dashboard/searchspaces/page.tsx
+++ b/surfsense_web/app/dashboard/searchspaces/page.tsx
@@ -28,7 +28,7 @@ export default function SearchSpacesPage() {
 
 	return (
 		<motion.div
-			className="container mx-auto py-10"
+			className="mx-auto max-w-5xl px-4 py-6 lg:py-10"
 			initial={{ opacity: 0 }}
 			animate={{ opacity: 1 }}
 			transition={{ duration: 0.5 }}

From 492cfb470f9c57870b5d59b5a8fd5cf123b72e14 Mon Sep 17 00:00:00 2001
From: melvnl <melvinlim2000@gmail.com>
Date: Sat, 3 Jan 2026 01:09:33 +0700
Subject: [PATCH 2/2] ui: adjust dashboard search spaces heading text and
 padding responsiveness

---
 surfsense_web/components/search-space-form.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/surfsense_web/components/search-space-form.tsx b/surfsense_web/components/search-space-form.tsx
index a43370303..bcea48e3d 100644
--- a/surfsense_web/components/search-space-form.tsx
+++ b/surfsense_web/components/search-space-form.tsx
@@ -118,7 +118,7 @@ export function SearchSpaceForm({
 		>
 			<motion.div className="flex items-center justify-between" variants={itemVariants}>
 				<div className="flex flex-col space-y-2">
-					<h2 className="text-3xl font-bold tracking-tight">
+					<h2 className="text-2xl md:text-3xl font-bold tracking-tight">
 						{isEditing ? "Edit Search Space" : "Create Search Space"}
 					</h2>
 				</div>
@@ -157,7 +157,7 @@ export function SearchSpaceForm({
 							mass: 0.2,
 						}}
 					/>
-					<div className="flex flex-col p-8 rounded-xl border-2 bg-muted/30 backdrop-blur-sm transition-all hover:border-primary/50 shadow-sm">
+					<div className="flex flex-col p-4 md:p-6 lg:p-8 rounded-xl border-2 bg-muted/30 backdrop-blur-sm transition-all hover:border-primary/50 shadow-sm">
 						<div className="flex items-center justify-between mb-4">
 							<div className="flex items-center space-x-4">
 								<span className="p-3 rounded-full bg-blue-100 dark:bg-blue-950/50">