diff --git a/app/portal/account/AccountPanel.tsx b/app/portal/account/AccountPanel.tsx
index 188b1f93..ab673e10 100644
--- a/app/portal/account/AccountPanel.tsx
+++ b/app/portal/account/AccountPanel.tsx
@@ -2,12 +2,14 @@
 "use client";
 
 import { useEffect, useMemo, useState, useCallback } from "react";
-import ProfileEditor from "@/components/account/ProfileEditor";
-import PasswordChange from "@/components/account/PasswordChange";
-import AvatarUploader from "@/components/account/AvatarUploader";
-import SupporterBadges from "@/components/account/SupporterBadges";
-import ConnectKofi from "@/components/account/ConnectKofi";
-import LinkStatus from "@/components/account/LinkStatus"; // ← ADDED
+
+// Use relative paths to avoid alias resolution issues in this route
+import ProfileEditor from "../../../components/account/ProfileEditor";
+import PasswordChange from "../../../components/account/PasswordChange";
+import AvatarUploader from "../../../components/account/AvatarUploader";
+import SupporterBadges from "../../../components/account/SupporterBadges";
+import ConnectKofi from "../../../components/account/ConnectKofi";
+import LinkStatus from "../../../components/account/LinkStatus";
 
 type Avatar = { id: string; filename_download?: string } | null;
 type Me = {
@@ -72,7 +74,8 @@ export default function AccountPanel() {
         <div className="space-y-6">
         <div className="rounded-md border p-4">
         <h2 className="text-lg font-semibold mb-2">Account</h2>
-        <LinkStatus /> {/* ← ADDED: shows success/failure after Ko-fi verify redirect */}
+        {/* Shows success/failure after Ko-fi verify redirect */}
+        <LinkStatus />
 
         <div className="flex items-center gap-4 mb-4">
         <div className="h-16 w-16 rounded-full overflow-hidden border bg-muted flex items-center justify-center">