diff --git a/client/web/src/components/modals/CreateGroupInvite/CreateInviteCode.tsx b/client/web/src/components/modals/CreateGroupInvite/CreateInviteCode.tsx
index e375033d..569c9902 100644
--- a/client/web/src/components/modals/CreateGroupInvite/CreateInviteCode.tsx
+++ b/client/web/src/components/modals/CreateGroupInvite/CreateInviteCode.tsx
@@ -24,9 +24,10 @@ enum InviteCodeType {
 interface CreateInviteCodeProps {
   groupId: string;
   onInviteCreated?: () => void;
+  onInviteUpdated?: () => void;
 }
 export const CreateInviteCode: React.FC<CreateInviteCodeProps> = React.memo(
-  ({ groupId, onInviteCreated }) => {
+  ({ groupId, onInviteCreated, onInviteUpdated }) => {
     const [createdInvite, setCreateInvite] = useState<GroupInvite | null>(null);
     const [{ loading }, handleCreateInviteLink] = useAsyncRequest(
       async (inviteType: InviteCodeType) => {
@@ -64,6 +65,7 @@ export const CreateInviteCode: React.FC<CreateInviteCodeProps> = React.memo(
                 } as any)
             );
             closeModal(key);
+            onInviteUpdated?.();
           }}
         />
       );
diff --git a/client/web/src/components/modals/CreateGroupInvite/index.tsx b/client/web/src/components/modals/CreateGroupInvite/index.tsx
index a59c87ce..f132eca6 100644
--- a/client/web/src/components/modals/CreateGroupInvite/index.tsx
+++ b/client/web/src/components/modals/CreateGroupInvite/index.tsx
@@ -11,6 +11,7 @@ import { CreateInviteCode } from './CreateInviteCode';
 interface CreateGroupInviteProps {
   groupId: string;
   onInviteCreated?: () => void;
+  onInviteUpdated?: () => void;
 }
 export const CreateGroupInvite: React.FC<CreateGroupInviteProps> = React.memo(
   (props) => {
@@ -52,6 +53,7 @@ export const CreateGroupInvite: React.FC<CreateGroupInviteProps> = React.memo(
         <CreateInviteCode
           groupId={groupId}
           onInviteCreated={props.onInviteCreated}
+          onInviteUpdated={props.onInviteUpdated}
         />
       </ModalWrapper>
     );
diff --git a/client/web/src/components/modals/GroupDetail/Invite.tsx b/client/web/src/components/modals/GroupDetail/Invite.tsx
index 32dd753a..a3fdd6f4 100644
--- a/client/web/src/components/modals/GroupDetail/Invite.tsx
+++ b/client/web/src/components/modals/GroupDetail/Invite.tsx
@@ -39,6 +39,9 @@ export const GroupInvite: React.FC<{
         onInviteCreated={() => {
           refresh();
         }}
+        onInviteUpdated={() => {
+          refresh();
+        }}
       />
     );
   });