diff --git a/app/containers/message/stores/MessageStore.tsx b/app/containers/message/stores/MessageStore.tsx
index 09d6f0b81e..835f3eb7dd 100644
--- a/app/containers/message/stores/MessageStore.tsx
+++ b/app/containers/message/stores/MessageStore.tsx
@@ -270,7 +270,7 @@ export const useThreadPosition = (): { isThreadReply: boolean; isThreadSequentia
 export const useMessageStatus = (): { hasError: boolean; isTemp: boolean } =>
 	useMessageStore(
 		useShallow(s => ({
-			hasError: s.item.status === messagesStatus.ERROR,
+			hasError: s.item.status === messagesStatus.ERROR || s.item.status === messagesStatus.TEMP,
 			isTemp: s.item.status === messagesStatus.TEMP || s.item.status === messagesStatus.ERROR
 		}))
 	);
diff --git a/app/containers/message/stores/__tests__/MessageStore.test.tsx b/app/containers/message/stores/__tests__/MessageStore.test.tsx
index e867a51f41..c68c326977 100644
--- a/app/containers/message/stores/__tests__/MessageStore.test.tsx
+++ b/app/containers/message/stores/__tests__/MessageStore.test.tsx
@@ -383,10 +383,10 @@ describe('MessageStore', () => {
 			expect(latest()).toEqual({ hasError: true, isTemp: true });
 		});
 
-		it('useMessageStatus returns hasError false and isTemp true for a TEMP status model', () => {
+		it('useMessageStatus returns hasError true and isTemp true for a TEMP status model', () => {
 			const model = buildFakeModel({ status: messagesStatus.TEMP });
 			const { latest } = renderDerived(model, useMessageStatus);
-			expect(latest()).toEqual({ hasError: false, isTemp: true });
+			expect(latest()).toEqual({ hasError: true, isTemp: true });
 		});
 
 		it('useIsEncrypted returns true for a pending e2e message', () => {