diff --git a/frontend/src/components/UserProfilePopup.jsx b/frontend/src/components/UserProfilePopup.jsx
index 5892ea9..1cf063a 100644
--- a/frontend/src/components/UserProfilePopup.jsx
+++ b/frontend/src/components/UserProfilePopup.jsx
@@ -103,10 +103,11 @@ export default function UserProfilePopup({ user: profileUser, anchorEl, onClose,
         </p>
       )}
       {!isSelf && onDirectMessage && (
-        {dmError && (
-          <div style={{ fontSize:12, color:'var(--error)', padding:'4px 0', textAlign:'center' }}>{dmError}</div>
-        )}
-        {profileUser.allow_dm === 0 ? (
+        <>
+          {dmError && (
+            <div style={{ fontSize:12, color:'var(--error)', padding:'4px 0', textAlign:'center' }}>{dmError}</div>
+          )}
+          {profileUser.allow_dm === 0 ? (
           <p style={{
             marginTop: 8,
             textAlign: 'center',
@@ -145,7 +146,8 @@ export default function UserProfilePopup({ user: profileUser, anchorEl, onClose,
             </svg>
             {starting ? 'Opening...' : 'Direct Message'}
           </button>
-        )
+        )}
+        </>
       )}
     </div>
   );