diff --git a/apps/web/components/memories-grid.tsx b/apps/web/components/memories-grid.tsx
index 29d8b0e8..6d2f1038 100644
--- a/apps/web/components/memories-grid.tsx
+++ b/apps/web/components/memories-grid.tsx
@@ -641,27 +641,29 @@ export function MemoriesGrid({
 					id="selection-toolbar"
 					className={cn(
 						dmSansClassName(),
-						"flex items-center justify-between gap-3 mb-3 mr-2 px-3 py-2 rounded-full border border-[#2261CA33] bg-[#00173C]/40",
+						"flex items-center justify-between gap-1.5 mb-3 mr-2 px-2.5 py-2 rounded-full border border-[#2261CA33] bg-[#00173C]/40 sm:gap-3 sm:px-3",
 					)}
 				>
-					<div className="flex items-center gap-2 min-w-0">
+					<div className="flex min-w-0 shrink items-center gap-1.5 sm:gap-2">
 						<span className="flex items-center gap-1.5 text-xs text-[#FAFAFA] font-medium shrink-0">
 							<span className="inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 rounded-full bg-[#369BFD] text-[#0B0F14] text-[11px] font-semibold">
 								{selectedDocumentIds.size}
 							</span>
-							{selectedDocumentIds.size === 1 ? "selected" : "selected"}
+							<span className="hidden sm:inline">
+								{selectedDocumentIds.size === 1 ? "selected" : "selected"}
+							</span>
 						</span>
 						{selectedDocumentIds.size === 0 && (
-							<span className="text-xs text-[#737373] truncate">
+							<span className="hidden truncate text-xs text-[#737373] sm:inline">
 								Tap documents to select
 							</span>
 						)}
 					</div>
-					<div className="flex items-center gap-1 shrink-0">
+					<div className="flex min-w-0 shrink-0 items-center gap-0.5 sm:gap-1">
 						<button
 							type="button"
 							className={cn(
-								"text-xs px-2.5 h-7 rounded-full transition-colors cursor-pointer",
+								"h-7 rounded-full px-2 text-xs transition-colors cursor-pointer sm:px-2.5",
 								allVisibleSelected
 									? "text-[#737373] hover:text-white"
 									: "text-[#FAFAFA] hover:bg-white/5",
@@ -675,7 +677,7 @@ export function MemoriesGrid({
 						<button
 							type="button"
 							className={cn(
-								"flex items-center gap-1 text-xs px-3 h-7 rounded-full transition-colors cursor-pointer",
+								"flex h-7 items-center gap-1 rounded-full px-2 text-xs transition-colors cursor-pointer sm:px-3",
 								selectedDocumentIds.size === 0 || isBulkDeleting
 									? "text-[#737373]/60 cursor-not-allowed"
 									: "text-red-400 hover:text-red-300 hover:bg-red-500/10",
@@ -695,7 +697,7 @@ export function MemoriesGrid({
 						<button
 							type="button"
 							aria-label="Exit selection mode"
-							className="flex items-center gap-1 text-xs px-3 h-7 rounded-full text-[#737373] hover:text-white hover:bg-white/5 transition-colors cursor-pointer"
+							className="flex h-7 items-center gap-1 rounded-full px-2 text-xs text-[#737373] transition-colors hover:text-white hover:bg-white/5 cursor-pointer sm:px-3"
 							onClick={onClearSelection}
 						>
 							<XIcon className="size-3" />