frontend/src/pages/Profile.tsx

@@ -40,12 +40,28 @@ export default function Profile() {
   const [newFamilyName, setNewFamilyName] = useState('');
   const [savingName, setSavingName] = useState(false);
 
+  useEffect(() => {
+    if (user?.family_id) {
+      loadFamily();
+    }
+  }, [user?.family_id]);
+
   useEffect(() => {
     if (user?.family_id && selectedFamily) {
       loadMembers();
     }
   }, [user?.family_id, selectedFamily]);
 
+  const loadFamily = async () => {
+    if (!user?.family_id) return;
+    try {
+      const response = await familyApi.get(user.family_id);
+      setSelectedFamily(response.data);
+    } catch (err) {
+      console.error('Error loading family:', err);
+    }
+  };
+
   const loadMembers = async () => {
     if (!user?.family_id) return;
     try {