diff --git a/src/app/hack/[slug]/page.tsx b/src/app/hack/[slug]/page.tsx
index 1824241..2138d48 100644
--- a/src/app/hack/[slug]/page.tsx
+++ b/src/app/hack/[slug]/page.tsx
@@ -70,7 +70,7 @@ export default async function HackDetail({ params }: HackDetailProps) {
     .select("username")
     .eq("id", hack.created_by as string)
     .maybeSingle();
-  const author = profile?.username || "Unknown";
+  const author = profile?.username ? `@${profile.username}` : "Unknown";
 
   const {
     data: { user },
diff --git a/src/components/Hack/StickyActionBar.tsx b/src/components/Hack/StickyActionBar.tsx
index 508dcb6..267969e 100644
--- a/src/components/Hack/StickyActionBar.tsx
+++ b/src/components/Hack/StickyActionBar.tsx
@@ -65,7 +65,7 @@ export default function StickyActionBar({ title, version, author, baseRomName, b
               <span className="shrink-0 rounded-full bg-[var(--surface-2)] ml-auto md:ml-0 px-2 py-0.5 text-[11px] font-medium text-foreground/85 ring-1 ring-[var(--border)]">{version}</span>
             )}
           </div>
-          <div className="truncate text-sm md:text-xs text-foreground/60">By @{author}</div>
+          <div className="truncate text-sm md:text-xs text-foreground/60">By {author}</div>
         </div>
         <div className="flex w-full md:w-auto flex-col md:flex-row md:flex-wrap items-stretch md:items-center gap-2 mb-4 md:mb-0">
           <span className={`rounded-full mx-auto md:mx-0 px-2 py-0.5 text-xs ring-1 ${