Oct 15, 2025 · Oct 12, 2025 · Oct 12, 2025 · Oct 15, 2025 · Oct 14, 2025 · Oct 15, 2025
diff --git a/site/src/pages/LoginPage/LoginPageView.tsx b/site/src/pages/LoginPage/LoginPageView.tsx
 </div>
 <div>{buildInfo?.version}</div>
 {tosAccepted && (
 <TermsOfServiceLink
 url={authMethods?.terms_of_service_url}
 css={{ fontSize: 12 }}
 />
 <TermsOfServiceLink url={authMethods?.terms_of_service_url} />
 )}
 </footer>
 </div>
diff --git a/site/src/pages/LoginPage/TermsOfServiceLink.tsx b/site/src/pages/LoginPage/TermsOfServiceLink.tsx
 import Link from "@mui/material/Link";
 import { SquareArrowOutUpRightIcon } from "lucide-react";
 import { Link } from "components/Link/Link";
 import type { FC } from "react";

 interface TermsOfServiceLinkProps {
 className?: string;
 url?: string;
 }

 export const TermsOfServiceLink: FC<TermsOfServiceLinkProps> = ({
 className,
 url,
 }) => {
 export const TermsOfServiceLink: FC<TermsOfServiceLinkProps> = ({ url }) => {
 return (
 <divcss={{ paddingTop: 12, fontSize: 16 }}className={className}>
 <div className="pt-3 text-base">
 By continuing, you agree to the{" "}
 <Link
 css={{ fontWeight: 500, textWrap: "nowrap" }}
 className="font-medium whitespace-nowrap"
 href={url}
 target="_blank"
 rel="noreferrer"
 >
 Terms of Service&nbsp;
 <SquareArrowOutUpRightIcon className="size-icon-xs" />
 Terms of Service
 </Link>
 </div>
 );
Original file line number	Diff line number	Diff line change
Expand Up		@@ -68,10 +68,7 @@ export const LoginPageView: FC<LoginPageViewProps> = ({
		</div>
		<div>{buildInfo?.version}</div>
		{tosAccepted && (
		<TermsOfServiceLink
		url={authMethods?.terms_of_service_url}
		css={{ fontSize: 12 }}
		/>
		<TermsOfServiceLink url={authMethods?.terms_of_service_url} />
		)}
		</footer>
		</div>
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,27 +1,21 @@
		import Link from "@mui/material/Link";
		import { SquareArrowOutUpRightIcon } from "lucide-react";
		import { Link } from "components/Link/Link";
		import type { FC } from "react";

		interface TermsOfServiceLinkProps {
		className?: string;
		url?: string;
		}

		export const TermsOfServiceLink: FC<TermsOfServiceLinkProps> = ({
		className,
		url,
		}) => {
		export const TermsOfServiceLink: FC<TermsOfServiceLinkProps> = ({ url }) => {
		return (
		<divcss={{ paddingTop: 12, fontSize: 16 }}className={className}>
		<div className="pt-3 text-base">
		By continuing, you agree to the{" "}
		<Link
		css={{ fontWeight: 500, textWrap: "nowrap" }}
		className="font-medium whitespace-nowrap"
		href={url}
		target="_blank"
		rel="noreferrer"
		>
		Terms of Service
		<SquareArrowOutUpRightIcon className="size-icon-xs" />
Copy link Member aslilacOct 14, 2025 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. why get rid of the arrow? it's to indicate it'll open in a new tab Copy link ContributorAuthor jaaydenhOct 15, 2025 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. The component already has SquareArrowOutUpRightIcon inside it
		Terms of Service
		</Link>
		</div>
		);
Expand Down