diff --git a/web/components/custom/sidebar/partial/link-section.tsx b/web/components/custom/sidebar/partial/link-section.tsx
index 0b568943..44e94eaf 100644
--- a/web/components/custom/sidebar/partial/link-section.tsx
+++ b/web/components/custom/sidebar/partial/link-section.tsx
@@ -47,7 +47,7 @@ const LinkSectionHeader: React.FC<LinkSectionHeaderProps> = ({ linkCount }) => {
 	return (
 		<div
 			className={cn(
-				"flex min-h-[30px] items-center gap-px rounded-md",
+				"flex h-9 items-center gap-px rounded-md sm:h-[30px]",
 				isLinksActive ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
 			)}
 		>
@@ -55,7 +55,7 @@ const LinkSectionHeader: React.FC<LinkSectionHeaderProps> = ({ linkCount }) => {
 				href="/links"
 				className="flex flex-1 items-center justify-start rounded-md px-2 py-1 focus-visible:outline-none focus-visible:ring-0"
 			>
-				<p className="flex w-full items-center text-xs font-medium">
+				<p className="flex w-full items-center text-sm font-medium sm:text-xs">
 					Links
 					{linkCount > 0 && <span className="text-muted-foreground ml-1">{linkCount}</span>}
 				</p>
@@ -112,7 +112,7 @@ const ListItem: React.FC<ListItemProps> = ({ label, href, count, isActive }) =>
 			<Link
 				href={href}
 				className={cn(
-					"relative flex h-8 w-full items-center gap-2 rounded-md p-1.5 font-medium",
+					"relative flex h-9 w-full items-center gap-2 rounded-md p-1.5 font-medium sm:h-8",
 					isActive ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
 				)}
 			>
diff --git a/web/components/custom/sidebar/partial/page-section.tsx b/web/components/custom/sidebar/partial/page-section.tsx
index de2304b0..652aaf31 100644
--- a/web/components/custom/sidebar/partial/page-section.tsx
+++ b/web/components/custom/sidebar/partial/page-section.tsx
@@ -77,12 +77,12 @@ interface PageSectionHeaderProps {
 const PageSectionHeader: React.FC<PageSectionHeaderProps> = ({ pageCount, isActive }) => (
 	<div
 		className={cn(
-			"flex min-h-[30px] items-center gap-px rounded-md",
+			"flex h-9 items-center gap-px rounded-md sm:h-[30px]",
 			isActive ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
 		)}
 	>
 		<Link href="/pages" className="flex flex-1 items-center justify-start rounded-md px-2 py-1">
-			<p className="text-xs">
+			<p className="text-sm sm:text-xs">
 				Pages
 				{pageCount > 0 && <span className="text-muted-foreground ml-1">{pageCount}</span>}
 			</p>
@@ -165,7 +165,7 @@ const PageListItem: React.FC<PageListItemProps> = ({ page, isActive }) => (
 			<Link
 				href={`/pages/${page.id}`}
 				className={cn(
-					"group-hover/sidebar-link:bg-accent group-hover/sidebar-link:text-accent-foreground relative flex h-8 w-full items-center gap-2 rounded-md p-1.5 font-medium",
+					"group-hover/sidebar-link:bg-accent group-hover/sidebar-link:text-accent-foreground relative flex h-9 w-full items-center gap-2 rounded-md p-1.5 font-medium sm:h-8",
 					{ "bg-accent text-accent-foreground": isActive }
 				)}
 			>
diff --git a/web/components/custom/sidebar/partial/topic-section.tsx b/web/components/custom/sidebar/partial/topic-section.tsx
index 62b01d70..d814dff5 100644
--- a/web/components/custom/sidebar/partial/topic-section.tsx
+++ b/web/components/custom/sidebar/partial/topic-section.tsx
@@ -45,12 +45,12 @@ interface TopicSectionHeaderProps {
 const TopicSectionHeader: React.FC<TopicSectionHeaderProps> = ({ topicCount, isActive }) => (
 	<div
 		className={cn(
-			"flex min-h-[30px] items-center gap-px rounded-md",
+			"flex h-9 items-center gap-px rounded-md sm:h-[30px]",
 			isActive ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
 		)}
 	>
 		<Link href="/topics" className="flex flex-1 items-center justify-start rounded-md px-2 py-1">
-			<p className="text-xs">
+			<p className="text-sm sm:text-xs">
 				Topics
 				{topicCount > 0 && <span className="text-muted-foreground ml-1">{topicCount}</span>}
 			</p>
@@ -116,7 +116,7 @@ const ListItem: React.FC<ListItemProps> = ({ label, value, href, count, isActive
 				<Link
 					href={href}
 					className={cn(
-						"group-hover/topic-link:bg-accent relative flex h-8 w-full items-center gap-2 rounded-md p-1.5 font-medium",
+						"group-hover/topic-link:bg-accent relative flex h-9 w-full items-center gap-2 rounded-md p-1.5 font-medium sm:h-8",
 						{ "bg-accent text-accent-foreground": isActive },
 						le.className
 					)}
diff --git a/web/components/routes/link/header.tsx b/web/components/routes/link/header.tsx
index bc6ecbe1..d65d792f 100644
--- a/web/components/routes/link/header.tsx
+++ b/web/components/routes/link/header.tsx
@@ -42,7 +42,7 @@ export const LinkHeader = React.memo(() => {
 			</ContentHeader>
 
 			{isTablet && (
-				<div className="flex min-h-10 flex-row items-start justify-between border-b px-6 pb-4 pt-2 max-lg:pl-4">
+				<div className="flex flex-row items-start justify-between border-b px-6 pb-4 pt-2 max-lg:pl-4">
 					<LearningTab />
 				</div>
 			)}
diff --git a/web/components/routes/link/partials/link-item.tsx b/web/components/routes/link/partials/link-item.tsx
index 9eab3b6f..ec99e691 100644
--- a/web/components/routes/link/partials/link-item.tsx
+++ b/web/components/routes/link/partials/link-item.tsx
@@ -152,7 +152,7 @@ export const LinkItem = React.forwardRef<HTMLDivElement, LinkItemProps>(
 									prefetch={false}
 									target="_blank"
 									onClick={e => e.stopPropagation()}
-									className="hover:text-primary truncate text-xs"
+									className="hover:text-primary mr-1 truncate text-xs"
 								>
 									{personalLink.url}
 								</Link>
diff --git a/web/components/routes/page/detail/PageDetailRoute.tsx b/web/components/routes/page/detail/PageDetailRoute.tsx
index d819e7d8..7a7bc32e 100644
--- a/web/components/routes/page/detail/PageDetailRoute.tsx
+++ b/web/components/routes/page/detail/PageDetailRoute.tsx
@@ -23,33 +23,6 @@ import { usePageActions } from "../hooks/use-page-actions"
 
 const TITLE_PLACEHOLDER = "Untitled"
 
-const isPageEmpty = (page: PersonalPage): boolean => {
-	return (!page.title || page.title.trim() === "") && (!page.content || Object.keys(page.content).length === 0)
-}
-
-const useDeleteEmptyPage = (currentPageId: string | null) => {
-	const router = useRouter()
-	const { me } = useAccount({
-		root: {
-			personalPages: []
-		}
-	})
-
-	useEffect(() => {
-		return () => {
-			if (!currentPageId || !me?.root?.personalPages) return
-
-			const currentPage = me.root.personalPages.find(page => page?.id === currentPageId)
-			if (currentPage && isPageEmpty(currentPage)) {
-				const index = me.root.personalPages.findIndex(page => page?.id === currentPageId)
-				if (index !== -1) {
-					me.root.personalPages.splice(index, 1)
-				}
-			}
-		}
-	}, [currentPageId, me, router])
-}
-
 export function PageDetailRoute({ pageId }: { pageId: string }) {
 	const { me } = useAccount({ root: { personalLinks: [] } })
 	const isMobile = useMedia("(max-width: 770px)")
@@ -58,8 +31,6 @@ export function PageDetailRoute({ pageId }: { pageId: string }) {
 	const { deletePage } = usePageActions()
 	const confirm = useConfirm()
 
-	// useDeleteEmptyPage(pageId)
-
 	const handleDelete = useCallback(async () => {
 		const result = await confirm({
 			title: "Delete page",