diff --git a/components/Party/index.tsx b/components/Party/index.tsx
index 2e6e2dce..90fa0e2d 100644
--- a/components/Party/index.tsx
+++ b/components/Party/index.tsx
@@ -47,8 +47,9 @@ const Party = (props: Props) => {
 
     // Methods: Updating the party's extra flag
     function checkboxChanged(event: React.ChangeEvent<HTMLInputElement>) {
+        state.party.extra = event.target.checked
+
         if (party.id) {
-            state.party.extra = event.target.checked
             api.endpoints.parties.update(party.id, {
                 'party': { 'is_extra': event.target.checked }
             }, headers)