minor updates

src/app/space/components/notes/metadata/reply.tsx

@@ -50,7 +50,7 @@ export function NoteReply({ id, replies }: { id: string; replies: number }) {
 			<button
 				type="button"
 				onClick={() => openModal()}
-				className="w-20 group inline-flex items-center gap-1.5"
+				className="w-14 group inline-flex items-center gap-1.5"
 			>
 				<ReplyIcon
 					width={16}

src/app/space/components/notes/metadata/repost.tsx

@@ -44,7 +44,7 @@ export function NoteRepost({
 		<button
 			type="button"
 			onClick={(e) => submitEvent(e)}
-			className="w-20 group inline-flex items-center gap-1.5"
+			className="w-14 group inline-flex items-center gap-1.5"
 		>
 			<RepostIcon
 				width={16}

src/app/space/components/notes/metadata/zap.tsx

@@ -1,13 +1,22 @@
+import { ZapIcon } from "@shared/icons";
 import { compactNumber } from "@utils/number";
 import { useState } from "react";
 
 export function NoteZap({ zaps }: { zaps: number }) {
-	const [count, setCount] = useState(zaps);
+	const [count] = useState(zaps);
 
 	return (
-		<button type="button" className="group inline-flex items-center gap-1.5">
+		<button
+			type="button"
+			className="w-14 group inline-flex items-center gap-1.5"
+		>
+			<ZapIcon
+				width={16}
+				height={16}
+				className="text-zinc-400 group-hover:text-blue-400"
+			/>
 			<span className="text-base leading-none text-zinc-400 group-hover:text-white">
-				{compactNumber.format(count)} sats zapped
+				{compactNumber.format(count)}
 			</span>
 		</button>
 	);