diff --git a/apps/web/src/components/note/index.tsx b/apps/web/src/components/note/index.tsx
index f3d260584..16df3be81 100644
--- a/apps/web/src/components/note/index.tsx
+++ b/apps/web/src/components/note/index.tsx
@@ -191,6 +191,7 @@ function Note(props: NoteProps) {
               {note.conflicted && <Alert size={15} color="var(--icon-error)" />}
               {locked && <Lock size={11} data-test-id={`locked`} />}
               {note.favorite && <Star color={primary} size={15} />}
+              {note.readonly && <Readonly size={15} />}
               <TimeAgo live={true} datetime={date} locale="short" />
             </>
           ) : (
@@ -228,6 +229,8 @@ function Note(props: NoteProps) {
 
               {locked && <Lock size={13} data-test-id={`locked`} />}
 
+              {note.readonly && <Readonly size={15} />}
+
               {note.favorite && <Star color={primary} size={15} />}
 
               {tags?.items.map((tag) => {