diff --git a/src/AdminUI.css b/src/AdminUI.css
index 4ecec97..86c48a9 100644
--- a/src/AdminUI.css
+++ b/src/AdminUI.css
@@ -246,6 +246,7 @@ dialog > div label {
     text-align: center;
   }
   &.heading> div {
+        overflow: hidden;
     background-color: #b6b6b6;
     text-align: center;
   }
diff --git a/src/AdminUI.tsx b/src/AdminUI.tsx
index e6ad0c5..bccd574 100644
--- a/src/AdminUI.tsx
+++ b/src/AdminUI.tsx
@@ -12,7 +12,6 @@ export const AdminUI: React.FC = () => {
     const adminToken = useMemo(() => parseToken(location.href) ?? "", []);
 
     const loadPartyList = useCallback(async () => {
-        console.log("load party list");
         const listPartyResponse = await listPartyRequest(adminToken);
         if (selectedParty === undefined)
             setSelectedParty(listPartyResponse.length > 0 ? 0 : undefined);
@@ -99,14 +98,14 @@ export const AdminUI: React.FC = () => {
             : null}
         <dialog id="dialog-edit-party">
             <div>
-                <span className="lg">Edit Parties</span>
+                <h1>Edit Parties</h1>
                 <div className="dialog-party-table">
-                    {partyList.map((p, _i)=> <>
+                    {partyList.map((p, i)=> <Fragment key={i}>
                         <b>{p.name}</b>
                         <label htmlFor={`edit-keys-${p.name}`}>ExtraData:</label>
                         <input type="text" id={`payload-${p.name}`} defaultValue={JSON.stringify(p.allowed_extra)}  />
                         <button onClick={() => updateExtras(p.name)}>update</button>
-                    </>)}
+                    </Fragment>)}
                 </div>
                 <span className="danger-hint">To delete a party, enter <pre>deletethis</pre> and press update!</span>
                 <div className="dialog-bottom">
@@ -195,10 +194,10 @@ export const ExtraDataTable : React.FC<{
         <h2 style={{gridColumn:"1/span 2", textAlign: "center"}} >Extras</h2>
 
                 {Object.entries(allowed_extra).map(([extra, maxLen], index) => 
-                    <>
-                        <label key={`extra-${extra}-label`} htmlFor={`edit-extra-${extra}`}>{extra}</label>
-                        <input className={((editUserData.extra[extra]??"").length > maxLen ? "invalid" : "")} key={`extra-${extra}-input` }  type="text" id={`edit-extra-${extra}`} value={editUserData.extra[extra]} onChange={(e) => { setEditUserData({ ...editUserData, extra: {...editUserData.extra, [extra]: e.target.value}}) }} />
-                    </>
+                    <Fragment key={index}>
+                        <label htmlFor={`edit-extra-${extra}`}>{extra}</label>
+                        <input className={((editUserData.extra[extra]??"").length > maxLen ? "invalid" : "")} type="text" id={`edit-extra-${extra}`} value={editUserData.extra[extra]} onChange={(e) => { setEditUserData({ ...editUserData, extra: {...editUserData.extra, [extra]: e.target.value}}) }} />
+                    </Fragment>
                 )}
     </>;
 }
@@ -262,7 +261,7 @@ export const PartyUI: React.FC<{ party: ResponseCreateParty, adminToken: string,
                     <div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.grammatical_gender}</div>
                     <div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.coming ?? "?"}</div>
                     {hasExtras ?
-                        <div ><ExtraTable party={party} guest={guest} onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}/></div>
+                        <div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}><ExtraTable party={party} guest={guest} /></div>
                         : null}
                 </Fragment>
                 )}