diff --git a/web/modals/keyserver-selection/keyserver-selection-modal.react.js b/web/modals/keyserver-selection/keyserver-selection-modal.react.js
index a627e6774..5b4dcb7bc 100644
--- a/web/modals/keyserver-selection/keyserver-selection-modal.react.js
+++ b/web/modals/keyserver-selection/keyserver-selection-modal.react.js
@@ -1,62 +1,107 @@
 // @flow
 
 import * as React from 'react';
 
 import { useModalContext } from 'lib/components/modal-provider.react.js';
 import type { KeyserverInfo } from 'lib/types/keyserver-types.js';
 import type { GlobalAccountUserInfo } from 'lib/types/user-types.js';
 
 import css from './keyserver-selection-modal.css';
 import Button, { buttonThemes } from '../../components/button.react.js';
 import KeyserverPill from '../../components/keyserver-pill.react.js';
 import StatusIndicator from '../../components/status-indicator.react.js';
 import Modal from '../modal.react.js';
 
 type Props = {
   +keyserverAdminUserInfo: GlobalAccountUserInfo,
   +keyserverInfo: KeyserverInfo,
 };
 
 function KeyserverSelectionModal(props: Props): React.Node {
   const { keyserverAdminUserInfo, keyserverInfo } = props;
 
   const { popModal } = useModalContext();
 
+  const { keyerverRemoveInfoText, keyserverRemoveButton } =
+    React.useMemo(() => {
+      if (keyserverInfo.connection.status !== 'connected') {
+        const removeInfoText = (
+          <>
+            <div>
+              You may delete an offline keyserver from your keyserver list. When
+              you delete a keyserver, you will still remain in the associated
+              communities.
+            </div>
+            <div>
+              Any messages or content you have previously sent will remain on
+              the keyserver&rsquo;s communities after disconnecting or deleting.
+            </div>
+          </>
+        );
+
+        const removeButton = (
+          <Button
+            variant="filled"
+            buttonColor={buttonThemes.danger}
+            className={css.button}
+          >
+            Delete keyserver from list
+          </Button>
+        );
+
+        return {
+          keyerverRemoveInfoText: removeInfoText,
+          keyserverRemoveButton: removeButton,
+        };
+      }
+      const removeInfoText = (
+        <>
+          <div>
+            Disconnecting from this keyserver will remove you from its
+            associated communities.
+          </div>
+          <div>
+            Any messages or content you have previously sent will remain on the
+            keyserver.
+          </div>
+        </>
+      );
+
+      const removeButton = (
+        <Button
+          variant="filled"
+          buttonColor={buttonThemes.danger}
+          className={css.button}
+        >
+          Disconnect keyserver
+        </Button>
+      );
+
+      return {
+        keyerverRemoveInfoText: removeInfoText,
+        keyserverRemoveButton: removeButton,
+      };
+    }, [keyserverInfo.connection.status]);
+
   return (
     <Modal size="large" onClose={popModal} name="Keyserver details">
       <div className={css.container}>
         <div className={css.keyserverDetailsContainer}>
           <div className={css.keyserverDetailsHeaderContainer}>
             <KeyserverPill
               keyserverAdminUsername={keyserverAdminUserInfo.username}
             />
             <StatusIndicator connectionInfo={keyserverInfo.connection} />
           </div>
           <div className={css.keyserverURL}>{keyserverInfo.urlPrefix}</div>
         </div>
         <div className={css.keyserverRemoveTextContainer}>
-          <div>
-            You may delete offline keyserver from your keyserver list. When you
-            delete a keyserver, you will still remain in the associated
-            communities.
-          </div>
-          <div>
-            Any messages or content you have previously sent will remain on the
-            keyserver&rsquo;s communities after disconnecting or deleting.
-          </div>
+          {keyerverRemoveInfoText}
         </div>
       </div>
-      <div className={css.buttonContainer}>
-        <Button
-          variant="filled"
-          buttonColor={buttonThemes.danger}
-          className={css.button}
-        >
-          Delete keyserver from list
-        </Button>
-      </div>
+      <div className={css.buttonContainer}>{keyserverRemoveButton}</div>
     </Modal>
   );
 }
 
 export default KeyserverSelectionModal;