diff --git a/net/web/src/session/details/editSubject/EditSubject.jsx b/net/web/src/session/details/editSubject/EditSubject.jsx
index 3ad34ac7..fc3a00fb 100644
--- a/net/web/src/session/details/editSubject/EditSubject.jsx
+++ b/net/web/src/session/details/editSubject/EditSubject.jsx
@@ -6,7 +6,7 @@ export function EditSubject({ state, actions }) {
   return (
     <EditSubjectWrapper>
       <Input placeholder="Subject (optional)" spellCheck="false" autocapitalize="word"
-          defaultValue={state.subject} onChange={(e) => actions.setSubjectUpdate(e.target.value)} />
+          value={state.subjectUpdate} onChange={(e) => actions.setSubjectUpdate(e.target.value)} />
     </EditSubjectWrapper>
   );
 }
diff --git a/net/web/src/session/details/useDetails.hook.js b/net/web/src/session/details/useDetails.hook.js
index 34e04568..5717b6e3 100644
--- a/net/web/src/session/details/useDetails.hook.js
+++ b/net/web/src/session/details/useDetails.hook.js
@@ -28,7 +28,7 @@ export function useDetails(cardId, channelId) {
   }
 
   useEffect(() => {
-    let img, subject, host, started, contacts
+    let img, subject, subjectUpdate, host, started, contacts
     let chan;
     if (cardId) {
       const cardChan = card.state.cards.get(cardId);
@@ -56,6 +56,7 @@ export function useDetails(cardId, channelId) {
       const parsed = JSON.parse(chan.data.channelDetail.data);
       if (parsed.subject) {
         subject = parsed.subject;
+        subjectUpdate = subject;
       }
       const date = new Date(chan.data.channelDetail.created * 1000);
       const now = new Date();
@@ -88,7 +89,7 @@ export function useDetails(cardId, channelId) {
       }
     });
 
-    updateState({ img, subject, host, started, contacts, members, unknown });
+    updateState({ img, subject, host, started, contacts, members, unknown, subjectUpdate });
   }, [cardId, channelId, card, channel]);
 
   const actions = {