diff --git a/src/layout.tsx b/src/layout.tsx
index f0871fd..a39dbe1 100644
--- a/src/layout.tsx
+++ b/src/layout.tsx
@@ -406,7 +406,7 @@ const Topbar: Component = () => {
 	});
 
 	return (
-		<nav ref={(element) => { topbar = element; }} class="mx-auto space-x-4 px-6 py-2">
+		<nav ref={(element) => { topbar = element; }} class="mx-auto space-x-4 px-4 sm:px-6 py-2">
 			<div class="flex justify-between gap-4 p-0 items-center">
 				<div class="flex shrink-0 items-center gap-2">
 					<A href="/" class="flex shrink-0 items-center gap-2 no-underline hover:no-underline">
diff --git a/src/pages/search.tsx b/src/pages/search.tsx
index c95ea71..43cb80c 100644
--- a/src/pages/search.tsx
+++ b/src/pages/search.tsx
@@ -580,38 +580,40 @@ export const SearchPage: Component = () => {
 
 	return (
 		<>
-			<h1 class="text-2xl font-bold mb-4 px-2">search</h1>
+			<h1 class="text-2xl font-bold mb-1 px-2">search</h1>
 
 			<div class="untangled-search-grid px-2">
 				<div class="untangled-search-main">
-					<form onSubmit={onSubmit} class="sticky top-0 z-10 py-3 bg-slate-100 dark:bg-gray-900 flex items-center gap-2">
-						<div class="flex relative w-full">
-							<div class="flex-1 flex relative">
-								<input
-									id="search-q"
-									value={draft()}
-									onInput={(event) => setDraft(event.currentTarget.value)}
-									placeholder="search..."
-									class="untangled-search-page-input peer"
-								/>
-								<A
-									href={clearHref()}
-									class={clsx(
-										'absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300',
-										!draft().trim() && 'hidden',
-									)}
-								>
-									<X class="w-4 h-4" />
-								</A>
+					<div class="sticky top-0 z-10 bg-slate-100 dark:bg-gray-900">
+						<form onSubmit={onSubmit} class="py-1.5 flex items-center gap-2">
+							<div class="flex relative w-full">
+								<div class="flex-1 flex relative">
+									<input
+										id="search-q"
+										value={draft()}
+										onInput={(event) => setDraft(event.currentTarget.value)}
+										placeholder="search..."
+										class="untangled-search-page-input peer"
+									/>
+									<A
+										href={clearHref()}
+										class={clsx(
+											'absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300',
+											!draft().trim() && 'hidden',
+										)}
+									>
+										<X class="w-4 h-4" />
+									</A>
+								</div>
+								<button type="submit" class="untangled-search-page-submit">
+									<Search class="w-4 h-4" />
+								</button>
 							</div>
-							<button type="submit" class="untangled-search-page-submit">
-								<Search class="w-4 h-4" />
-							</button>
-						</div>
-					</form>
+						</form>
 
-					<div class="md:hidden mt-3">
-						<TypeFilters query={q()} active={kind()} />
+						<div class="md:hidden pb-1.5">
+							<TypeFilters query={q()} active={kind()} />
+						</div>
 					</div>
 
 					<Show
diff --git a/src/pages/string.tsx b/src/pages/string.tsx
index 6af94a9..33bf90f 100644
--- a/src/pages/string.tsx
+++ b/src/pages/string.tsx
@@ -292,7 +292,7 @@ export const StringPage: Component = () => {
 							</section>
 
 							{/* Comments section */}
-							<div class="flex flex-col gap-4">
+							<div class="flex flex-col gap-4 px-2 md:px-0">
 								<Show when={commentsQuery.data}>
 									<CommentThreadsSection
 										threads={commentThreads()}