diff --git a/app/routes/data-transfer_.destination-account.tsx b/app/routes/data-transfer_.destination-account.tsx
index a590f67..ac6abc6 100644
--- a/app/routes/data-transfer_.destination-account.tsx
+++ b/app/routes/data-transfer_.destination-account.tsx
@@ -2,10 +2,13 @@ import { Button, Card, Container, Heading, VStack } from "@chakra-ui/react";
 import { useLoaderData } from "@remix-run/react";
 
 export async function loader({ context }: { context: RequestContext }) {
-  return context.env.ROBLOX_OAUTH_CLIENT_ID;
+  const { host, protocol } = new URL(context.request.url);
+
+  return { client_id: context.env.ROBLOX_OAUTH_CLIENT_ID, host, protocol };
 }
 
 export default function () {
+  const loaderData = useLoaderData<typeof loader>();
   return (
     <Container pt="16vh">
       <Card borderRadius="32px" p="4vh">
@@ -16,10 +19,10 @@ export default function () {
             as="a"
             borderRadius="24px"
             colorScheme="blue"
-            href={`https://apis.roblox.com/oauth/v1/authorize?client_id=${useLoaderData<
-              typeof loader
-            >()}&redirect_uri=${encodeURIComponent(
-              `${location.protocol}//${location.host}/api/data-transfers/verify`,
+            href={`https://apis.roblox.com/oauth/v1/authorize?client_id=${
+              loaderData.client_id
+            }&redirect_uri=${encodeURIComponent(
+              `${loaderData.protocol}//${loaderData.host}/api/data-transfers/verify`,
             )}&response_type=code&scope=openid%20profile`}
           >
             Verify