diff --git a/website/src/components/Banner/index.tsx b/website/src/components/Banner/index.tsx
index ae1eaeb66..6e3f8f412 100644
--- a/website/src/components/Banner/index.tsx
+++ b/website/src/components/Banner/index.tsx
@@ -11,7 +11,7 @@ export default function Banner({
   children,
 }: {
   active: boolean;
-  href?: Route<string> | UrlObject;
+  href?: URL | Route<string>;
   bgColor?: string;
   textColor?: string;
   children: React.ReactNode;
diff --git a/website/src/components/UseCaseCards/index.tsx b/website/src/components/UseCaseCards/index.tsx
index 20b5e2359..74151bd91 100644
--- a/website/src/components/UseCaseCards/index.tsx
+++ b/website/src/components/UseCaseCards/index.tsx
@@ -27,7 +27,7 @@ function Card({
   return <div className={container}>{children}</div>;
 }
 
-function Button({ text, href }: { text: string; href: Route<string> | URL }) {
+function Button({ text, href }: { text: string; href: URL | Route<string> }) {
   return (
     <Link href={href}>
       <button className="group transform transition duration-50 hover:ring-1 hover:ring-neutral-900 inline-flex mt-6 gap-1 items-center bg-neutral-900 rounded-full text-neutral-50 text-sm px-5 py-2.5">