diff --git a/src/components/repost.tsx b/src/components/repost.tsx
index afd980ea..2929571c 100644
--- a/src/components/repost.tsx
+++ b/src/components/repost.tsx
@@ -21,13 +21,15 @@ export const RepostNote = memo(function RepostNote({
 			{isLoading ? (
 				<div className="flex items-center justify-center h-20 gap-2">
 					<Spinner />
-					<span className="text-sm font-medium text-neutral-700 dark:text-neutral-300">
+					<p className="text-sm font-medium text-neutral-700 dark:text-neutral-300">
 						Loading event...
-					</span>
+					</p>
 				</div>
 			) : isError || !data ? (
 				<div className="flex items-center justify-center h-20">
-					Event not found within your current relay set
+					<p className="text-sm">
+						Repost event not found within your current relay set
+					</p>
 				</div>
 			) : (
 				<Note.Provider event={data}>
diff --git a/src/routes/columns/_layout/discover-interests.lazy.tsx b/src/routes/columns/_layout/discover-interests.lazy.tsx
index 95a558ee..33324e00 100644
--- a/src/routes/columns/_layout/discover-interests.lazy.tsx
+++ b/src/routes/columns/_layout/discover-interests.lazy.tsx
@@ -136,17 +136,22 @@ function Screen() {
 			<ScrollArea.Viewport ref={ref} className="relative h-full px-3 pb-3">
 				<Virtualizer scrollRef={ref as unknown as RefObject<HTMLElement>}>
 					{isLoading ? (
-						<div className="inline-flex items-center gap-1.5">
-							<Spinner className="size-4" />
-							Loading...
+						<div className="flex items-center justify-center h-20 gap-2">
+							<Spinner />
+							<p className="text-sm font-medium text-neutral-700 dark:text-neutral-300">
+								Loading event...
+							</p>
 						</div>
 					) : isError ? (
 						<div className="mb-3 flex flex-col items-center justify-center h-16 w-full rounded-xl overflow-hidden bg-neutral-200/50 dark:bg-neutral-800/50">
-							<p className="text-center">{error?.message ?? "Error"}</p>
+							<p className="text-sm text-center">{error?.message ?? "Error"}</p>
 						</div>
 					) : !data?.length ? (
 						<div className="mb-3 flex flex-col items-center justify-center h-16 w-full rounded-xl overflow-hidden bg-neutral-200/50 dark:bg-neutral-800/50">
-							<p className="text-center">Empty.</p>
+							<p className="text-sm text-center">
+								Nothing to show yet, you can use Lume more and comeback lack to
+								see new events.
+							</p>
 						</div>
 					) : (
 						data?.map((item) => renderItem(item))
diff --git a/src/routes/columns/_layout/discover-newsfeeds.lazy.tsx b/src/routes/columns/_layout/discover-newsfeeds.lazy.tsx
index 4a71d02d..f6c58b51 100644
--- a/src/routes/columns/_layout/discover-newsfeeds.lazy.tsx
+++ b/src/routes/columns/_layout/discover-newsfeeds.lazy.tsx
@@ -138,17 +138,22 @@ function Screen() {
 			<ScrollArea.Viewport ref={ref} className="relative h-full px-3 pb-3">
 				<Virtualizer scrollRef={ref as unknown as RefObject<HTMLElement>}>
 					{isLoading ? (
-						<div className="inline-flex items-center gap-1.5">
-							<Spinner className="size-4" />
-							Loading...
+						<div className="flex items-center justify-center h-20 gap-2">
+							<Spinner />
+							<p className="text-sm font-medium text-neutral-700 dark:text-neutral-300">
+								Loading event...
+							</p>
 						</div>
 					) : isError ? (
 						<div className="mb-3 flex flex-col items-center justify-center h-16 w-full rounded-xl overflow-hidden bg-neutral-200/50 dark:bg-neutral-800/50">
-							<p className="text-center">{error?.message ?? "Error"}</p>
+							<p className="text-sm text-center">{error?.message ?? "Error"}</p>
 						</div>
 					) : !data?.length ? (
 						<div className="mb-3 flex flex-col items-center justify-center h-16 w-full rounded-xl overflow-hidden bg-neutral-200/50 dark:bg-neutral-800/50">
-							<p className="text-center">Empty.</p>
+							<p className="text-sm text-center">
+								Nothing to show yet, you can use Lume more and comeback lack to
+								see new events.
+							</p>
 						</div>
 					) : (
 						data?.map((item) => renderItem(item))
diff --git a/src/routes/columns/_layout/discover-relays.lazy.tsx b/src/routes/columns/_layout/discover-relays.lazy.tsx
index 85000193..36569482 100644
--- a/src/routes/columns/_layout/discover-relays.lazy.tsx
+++ b/src/routes/columns/_layout/discover-relays.lazy.tsx
@@ -108,17 +108,22 @@ function Screen() {
 			<ScrollArea.Viewport ref={ref} className="relative h-full px-3 pb-3">
 				<Virtualizer scrollRef={ref as unknown as RefObject<HTMLElement>}>
 					{isLoading ? (
-						<div className="inline-flex items-center gap-1.5">
-							<Spinner className="size-4" />
-							Loading...
+						<div className="flex items-center justify-center h-20 gap-2">
+							<Spinner />
+							<p className="text-sm font-medium text-neutral-700 dark:text-neutral-300">
+								Loading event...
+							</p>
 						</div>
 					) : isError ? (
 						<div className="mb-3 flex flex-col items-center justify-center h-16 w-full rounded-xl overflow-hidden bg-neutral-200/50 dark:bg-neutral-800/50">
-							<p className="text-center">{error?.message ?? "Error"}</p>
+							<p className="text-sm text-center">{error?.message ?? "Error"}</p>
 						</div>
 					) : !data?.length ? (
 						<div className="mb-3 flex flex-col items-center justify-center h-16 w-full rounded-xl overflow-hidden bg-neutral-200/50 dark:bg-neutral-800/50">
-							<p className="text-center">Empty.</p>
+							<p className="text-sm text-center">
+								Nothing to show yet, you can use Lume more and comeback lack to
+								see new events.
+							</p>
 						</div>
 					) : (
 						data?.map((item) => renderItem(item))