diff --git a/client/pages/Login.tsx b/client/pages/Login.tsx
index d19e63cc..08f51cc7 100644
--- a/client/pages/Login.tsx
+++ b/client/pages/Login.tsx
@@ -28,6 +28,16 @@ import {
   User,
   Info,
 } from "lucide-react";
+import {
+  Dialog,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter,
+  DialogClose,
+} from "@/components/ui/dialog";
 
 export default function Login() {
   const [isLoading, setIsLoading] = useState(false);