diff --git a/ui/src/components/TabloModal.tsx b/ui/src/components/TabloModal.tsx
index e7b3f6c..f1fbfc6 100644
--- a/ui/src/components/TabloModal.tsx
+++ b/ui/src/components/TabloModal.tsx
@@ -25,10 +25,6 @@ export const TabloModal = ({ tablo, onClose, onEdit }: TabloModalProps) => {
   const [inviteEmail, setInviteEmail] = useState("");
   const inviteUser = useInviteUser();
 
-  const handleCancelEdit = () => {
-    setEditData(null);
-  };
-
   const handleSaveEdit = () => {
     if (editData && onEdit) {
       // Clear the unused field based on selection
@@ -46,7 +42,6 @@ export const TabloModal = ({ tablo, onClose, onEdit }: TabloModalProps) => {
   const handleSendInvite = () => {
     if (inviteEmail.trim()) {
       inviteUser({ email: inviteEmail, tablo_id: tablo?.id ?? "" });
-      setInviteEmail("");
     }
   };
 
@@ -80,7 +75,7 @@ export const TabloModal = ({ tablo, onClose, onEdit }: TabloModalProps) => {
               </ClickOutside>
             ) : (
               <h2
-                className="text-2xl font-bold text-gray-900 dark:text-white cursor-pointer hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
+                className="text-2xl font-bold text-gray-900 dark:text-white cursor-text hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
                 onClick={() => setIsEditingName(true)}
               >
                 {tablo.name}
@@ -146,7 +141,7 @@ export const TabloModal = ({ tablo, onClose, onEdit }: TabloModalProps) => {
               <button
                 type="button"
                 className="px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 rounded-md"
-                onClick={handleCancelEdit}
+                onClick={onClose}
               >
                 Annuler
               </button>
diff --git a/ui/src/hooks/invite.ts b/ui/src/hooks/invite.ts
index 012976a..5af60c4 100644
--- a/ui/src/hooks/invite.ts
+++ b/ui/src/hooks/invite.ts
@@ -1,6 +1,7 @@
 import { useMutation } from "@tanstack/react-query";
 import { api } from "@ui/lib/api";
 import { useSession } from "@ui/contexts/SessionContext";
+import { toast } from "@ui/ui-library/toast/toast-queue";
 
 // Invite user by email
 export const useInviteUser = () => {
@@ -27,6 +28,18 @@ export const useInviteUser = () => {
       );
       return data;
     },
+    onSuccess: () => {
+      toast.add(
+        {
+          title: "Invitation envoyée avec succès",
+          description: "L'utilisateur a été invité avec succès",
+          type: "success",
+        },
+        {
+          timeout: 2000,
+        }
+      );
+    },
   });
   return mutate;
 };
diff --git a/ui/src/pages/join.tsx b/ui/src/pages/join.tsx
index 11ab142..74dad74 100644
--- a/ui/src/pages/join.tsx
+++ b/ui/src/pages/join.tsx
@@ -5,7 +5,6 @@ import { toast } from "@ui/ui-library/toast/toast-queue";
 
 export const JoinPage = () => {
   const { tablo_name } = useParams<{ tablo_name: string }>();
-  //   const [searchParams] = useSearchParams();
   const navigate = useNavigate();
   const user = useUser();
   const joinTablo = useJoinTablo();
@@ -27,89 +26,12 @@ export const JoinPage = () => {
     navigate("/");
   }
 
-  //   const handleJoinTablo = async () => {
-  //     if (!user || !tablo_name || !token) return;
-
-  //     setJoining(true);
-  //     try {
-  //       // Add user to tablo_access table
-  //       const { error: accessError } = await supabase
-  //         .from("tablo_access")
-  //         .insert({
-  //           tablo_id: tablo.id,
-  //           user_id: user.id,
-  //         });
-
-  //       if (accessError) {
-  //         setError("Failed to join tablo");
-  //         setJoining(false);
-  //         return;
-  //       }
-
-  //       // Remove the invite since it's been used
-  //       await supabase.from("tablo_invites").delete().eq("id", invite.id);
-
-  //       // Redirect to the tablo
-  //       navigate(`/tablo/${tablo.id}`);
-  //     } catch (err) {
-  //       setError("Failed to join tablo");
-  //       setJoining(false);
-  //     }
-  //   };
-
-  //   if (error) {
-  //     return (
-  //       <div className="min-h-screen flex items-center justify-center">
-  //         <div className="text-center">
-  //           <div className="text-red-500 text-6xl mb-4">⚠️</div>
-  //           <h1 className="text-2xl font-bold text-gray-900 mb-2">
-  //             Invalid Invitation
-  //           </h1>
-  //           <p className="text-gray-600 mb-6">{error}</p>
-  //           <button
-  //             onClick={() => navigate("/")}
-  //             className="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700"
-  //           >
-  //             Go Home
-  //           </button>
-  //         </div>
-  //       </div>
-  //     );
-  //   }
-
-  //   if (!user) {
-  //     return (
-  //       <div className="min-h-screen flex items-center justify-center">
-  //         <div className="text-center max-w-md">
-  //           <h1 className="text-2xl font-bold text-gray-900 mb-4">
-  //             Rejoindre Tablo &quot;{tablo_name}&quot;
-  //           </h1>
-  //           <div className="bg-white p-6 rounded-lg shadow-lg mb-6">
-  //             <h2 className="text-xl font-semibold mb-2">{tablo_name}</h2>
-  //             <p className="text-gray-600 mb-4">
-  //               Vous avez été invité(e) à rejoindre ce tablo
-  //             </p>
-  //           </div>
-  //           <p className="text-gray-600 mb-6">
-  //             Veuillez vous connecter pour accepter cette invitation
-  //           </p>
-  //           <button
-  //             onClick={() => navigate("/login")}
-  //             className="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700"
-  //           >
-  //             Se connecter
-  //           </button>
-  //         </div>
-  //       </div>
-  //     );
-  //   }
-
   return (
     <div className="min-h-screen flex items-center justify-center bg-gray-50">
       <div className="max-w-md w-full">
         <div className="text-center mb-8">
           <h1 className="text-3xl font-bold text-gray-900">
-            Rejoindre Tablo &quot;{tablo_name}&quot;
+            Rejoindre le tablo &quot;{tablo_name}&quot;
           </h1>
         </div>
 
@@ -119,7 +41,7 @@ export const JoinPage = () => {
               {tablo_name}
             </h2>
             <p className="text-gray-600">
-              Vous avez été invité(e) par un enculé à rejoindre ce tablo
+              Vous avez été invité(e) à rejoindre ce tablo
             </p>
           </div>