diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/EncryptionStatusItem.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/EncryptionStatusItem.tsx
index 17b499140d7..28028be6108 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/EncryptionStatusItem.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/EncryptionStatusItem.tsx
@@ -11,7 +11,7 @@ const EncryptionStatusItem: FunctionComponent<Props> = ({ icon, status, checkmar
   <div className="text-input no-border my-1 flex min-h-8 w-full flex-row items-center rounded bg-contrast px-3 py-1.5 focus-within:ring-info">
     {icon}
     <div className="min-h-1 min-w-3" />
-    <div className="flex-grow text-sm text-text">{status}</div>
+    <div className="min-w-0 flex-grow break-words text-sm text-text [overflow-wrap:anywhere]">{status}</div>
     <div className="min-h-1 min-w-3" />
     {checkmark && <Icon className="min-h-4 min-w-4 text-success" type="check-bold" />}
   </div>