diff --git a/components/user/UserLink.js b/components/user/UserLink.js
index 4a1d014ba10..3dd6c050b4a 100644
--- a/components/user/UserLink.js
+++ b/components/user/UserLink.js
@@ -26,6 +26,7 @@ export default function UserLink({
   username,
   isEnabled = true,
   manage = false,
+  url,
 }) {
   const DisplayIcon = getIcon(link.icon);
   let aria = "";
@@ -38,7 +39,9 @@ export default function UserLink({
 
   const item = (link) => (
     <Link
-      href={`${BASE_URL}/api/profiles/${username}/links/${link._id}`}
+      href={
+        url ? url : `${BASE_URL}/api/profiles/${username}/links/${link._id}`
+      }
       target="_blank"
       rel="noopener noreferrer"
       className={classNames(
diff --git a/pages/account/manage/link/[[...data]].js b/pages/account/manage/link/[[...data]].js
index 65af79ca56c..714b38c0faf 100644
--- a/pages/account/manage/link/[[...data]].js
+++ b/pages/account/manage/link/[[...data]].js
@@ -76,7 +76,7 @@ export default function ManageLink({ BASE_URL, username, link, groups }) {
   const handleSubmit = async (e) => {
     e.preventDefault();
     setIsDisabled(true);
-    
+
     let method = "POST";
     let selectedIcon = icon !== "" ? icon : "FaGlobe";
     let putLink = {
@@ -290,8 +290,9 @@ export default function ManageLink({ BASE_URL, username, link, groups }) {
             )}
             <UserLink
               BASE_URL={BASE_URL}
-              link={{ name, url, icon, animation }}
+              link={{ _id: link._id, name, url, icon, animation }}
               username={username}
+              url={url}
             />
           </div>
         </div>