diff --git a/web/chat/relationship-prompt/relationship-prompt-button.js b/web/chat/relationship-prompt/relationship-prompt-button.js
index fc7d2d0fd..979214f2c 100644
--- a/web/chat/relationship-prompt/relationship-prompt-button.js
+++ b/web/chat/relationship-prompt/relationship-prompt-button.js
@@ -1,41 +1,43 @@
 // @flow
 
 import { type IconDefinition } from '@fortawesome/fontawesome-common-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import classnames from 'classnames';
 import * as React from 'react';
 
 import css from './relationship-prompt.css';
 import Button, { type ButtonColor } from '../../components/button.react.js';
 
 type Props = {
   +text: string,
   +icon: IconDefinition,
   +buttonColor: ButtonColor,
   +onClick: () => void,
+  +isLoading: boolean,
   +className?: string,
 };
 function RelationshipPromptButton(props: Props): React.Node {
-  const { text, icon, buttonColor, onClick, className } = props;
+  const { text, icon, buttonColor, onClick, isLoading, className } = props;
 
   const buttonClassName = classnames(css.promptButton, className);
 
   const relationshipPromptButton = React.useMemo(
     () => (
       <Button
         variant="filled"
         buttonColor={buttonColor}
         onClick={onClick}
         className={buttonClassName}
+        disabled={isLoading}
       >
         <FontAwesomeIcon icon={icon} />
         <p className={css.promptText}>{text}</p>
       </Button>
     ),
-    [buttonClassName, buttonColor, icon, onClick, text],
+    [buttonClassName, buttonColor, icon, isLoading, onClick, text],
   );
 
   return relationshipPromptButton;
 }
 
 export default RelationshipPromptButton;
diff --git a/web/chat/relationship-prompt/relationship-prompt.js b/web/chat/relationship-prompt/relationship-prompt.js
index 3b20204c4..1cad3ef72 100644
--- a/web/chat/relationship-prompt/relationship-prompt.js
+++ b/web/chat/relationship-prompt/relationship-prompt.js
@@ -1,117 +1,130 @@
 // @flow
 
 import {
   faUserMinus,
   faUserPlus,
   faUserShield,
   faUserSlash,
 } from '@fortawesome/free-solid-svg-icons';
 import * as React from 'react';
 
 import { useRelationshipPrompt } from 'lib/hooks/relationship-prompt.js';
 import type { ThreadInfo } from 'lib/types/minimally-encoded-thread-permissions-types.js';
 import { userRelationshipStatus } from 'lib/types/relationship-types.js';
 import type { UserInfo } from 'lib/types/user-types.js';
 
 import RelationshipPromptButtonContainer from './relationship-prompt-button-container.js';
 import RelationshipPromptButton from './relationship-prompt-button.js';
 import { buttonThemes } from '../../components/button.react.js';
 
 type Props = {
   +pendingPersonalThreadUserInfo: ?UserInfo,
   +threadInfo: ThreadInfo,
 };
 function RelationshipPrompt(props: Props) {
   const { threadInfo } = props;
   const {
     otherUserInfo,
     callbacks: { blockUser, unblockUser, friendUser, unfriendUser },
+    loadingState: {
+      isLoadingBlockUser,
+      isLoadingUnblockUser,
+      isLoadingFriendUser,
+      isLoadingUnfriendUser,
+    },
   } = useRelationshipPrompt(
     threadInfo,
     undefined,
     props.pendingPersonalThreadUserInfo,
   );
   if (!otherUserInfo?.username) {
     return null;
   }
   const relationshipStatus = otherUserInfo.relationshipStatus;
 
   if (relationshipStatus === userRelationshipStatus.FRIEND) {
     return null;
   } else if (relationshipStatus === userRelationshipStatus.BLOCKED_VIEWER) {
     return (
       <RelationshipPromptButtonContainer>
         <RelationshipPromptButton
-          text="Block User"
+          text="Block user"
           icon={faUserShield}
           buttonColor={buttonThemes.danger}
           onClick={blockUser}
+          isLoading={isLoadingBlockUser}
         />
       </RelationshipPromptButtonContainer>
     );
   } else if (
     relationshipStatus === userRelationshipStatus.BOTH_BLOCKED ||
     relationshipStatus === userRelationshipStatus.BLOCKED_BY_VIEWER
   ) {
     return (
       <RelationshipPromptButtonContainer>
         <RelationshipPromptButton
-          text="Unblock User"
+          text="Unblock user"
           icon={faUserShield}
           buttonColor={buttonThemes.success}
           onClick={unblockUser}
+          isLoading={isLoadingUnblockUser}
         />
       </RelationshipPromptButtonContainer>
     );
   } else if (relationshipStatus === userRelationshipStatus.REQUEST_RECEIVED) {
     return (
       <RelationshipPromptButtonContainer>
         <RelationshipPromptButton
-          text="Accept Friend Request"
+          text="Accept friend request"
           icon={faUserPlus}
           buttonColor={buttonThemes.success}
           onClick={friendUser}
+          isLoading={isLoadingFriendUser}
         />
         <RelationshipPromptButton
-          text="Reject Friend Request"
+          text="Reject friend request"
           icon={faUserSlash}
           buttonColor={buttonThemes.danger}
           onClick={unfriendUser}
+          isLoading={isLoadingUnfriendUser}
         />
       </RelationshipPromptButtonContainer>
     );
   } else if (relationshipStatus === userRelationshipStatus.REQUEST_SENT) {
     return (
       <RelationshipPromptButtonContainer>
         <RelationshipPromptButton
-          text="Withdraw Friend Request"
+          text="Withdraw friend request"
           icon={faUserMinus}
           buttonColor={buttonThemes.danger}
           onClick={unfriendUser}
+          isLoading={isLoadingUnfriendUser}
         />
       </RelationshipPromptButtonContainer>
     );
   } else {
     return (
       <RelationshipPromptButtonContainer>
         <RelationshipPromptButton
-          text="Add Friend"
+          text="Add friend"
           icon={faUserPlus}
           buttonColor={buttonThemes.success}
           onClick={friendUser}
+          isLoading={isLoadingFriendUser}
         />
         <RelationshipPromptButton
-          text="Block User"
+          text="Block user"
           icon={faUserShield}
           buttonColor={buttonThemes.danger}
           onClick={blockUser}
+          isLoading={isLoadingBlockUser}
         />
       </RelationshipPromptButtonContainer>
     );
   }
 }
 
 const MemoizedRelationshipPrompt: React.ComponentType<Props> =
   React.memo(RelationshipPrompt);
 
 export default MemoizedRelationshipPrompt;
diff --git a/web/modals/user-profile/user-profile-action-buttons.react.js b/web/modals/user-profile/user-profile-action-buttons.react.js
index a0cb4c0d0..a78a55d48 100644
--- a/web/modals/user-profile/user-profile-action-buttons.react.js
+++ b/web/modals/user-profile/user-profile-action-buttons.react.js
@@ -1,100 +1,112 @@
 // @flow
 
 import { faUserMinus, faUserPlus } from '@fortawesome/free-solid-svg-icons';
 import * as React from 'react';
 
 import { useRelationshipPrompt } from 'lib/hooks/relationship-prompt.js';
 import type { ThreadInfo } from 'lib/types/minimally-encoded-thread-permissions-types.js';
 import { userRelationshipStatus } from 'lib/types/relationship-types.js';
 
 import UserProfileMessageButton from './user-profile-message-button.react.js';
 import css from './user-profile.css';
 import RelationshipPromptButton from '../../chat/relationship-prompt/relationship-prompt-button.js';
 import { buttonThemes } from '../../components/button.react.js';
 
 type Props = {
   +threadInfo: ThreadInfo,
 };
 
 function UserProfileActionButtons(props: Props): React.Node {
   const { threadInfo } = props;
 
   const {
     otherUserInfo,
     callbacks: { friendUser, unfriendUser },
+    loadingState: { isLoadingFriendUser, isLoadingUnfriendUser },
   } = useRelationshipPrompt(threadInfo);
 
   const userProfileActionButtons = React.useMemo(() => {
     if (
       !otherUserInfo ||
       otherUserInfo.relationshipStatus === userRelationshipStatus.FRIEND
     ) {
       return <UserProfileMessageButton threadInfo={threadInfo} />;
     }
 
     if (
       otherUserInfo.relationshipStatus ===
       userRelationshipStatus.REQUEST_RECEIVED
     ) {
       return (
         <>
           <UserProfileMessageButton threadInfo={threadInfo} />
           <div>
             <p className={css.incomingFriendRequestText}>
               Incoming friend request
             </p>
             <div className={css.multiButtonRowContainer}>
               <RelationshipPromptButton
                 text="Accept"
                 icon={faUserPlus}
                 buttonColor={buttonThemes.success}
                 onClick={friendUser}
+                isLoading={isLoadingFriendUser}
                 className={css.actionButton}
               />
               <RelationshipPromptButton
                 text="Reject"
                 icon={faUserMinus}
                 buttonColor={buttonThemes.danger}
                 onClick={unfriendUser}
+                isLoading={isLoadingUnfriendUser}
                 className={css.actionButton}
               />
             </div>
           </div>
         </>
       );
     }
 
     if (
       otherUserInfo.relationshipStatus === userRelationshipStatus.REQUEST_SENT
     ) {
       return (
         <div className={css.multiButtonRowContainer}>
           <RelationshipPromptButton
-            text="Withdraw Friend Request"
+            text="Withdraw friend request"
             icon={faUserMinus}
             buttonColor={buttonThemes.danger}
             onClick={unfriendUser}
+            isLoading={isLoadingUnfriendUser}
             className={css.actionButton}
           />
           <UserProfileMessageButton threadInfo={threadInfo} />
         </div>
       );
     }
     return (
       <div className={css.multiButtonRowContainer}>
         <RelationshipPromptButton
-          text="Add Friend"
+          text="Add friend"
           icon={faUserPlus}
           buttonColor={buttonThemes.success}
           onClick={friendUser}
+          isLoading={isLoadingFriendUser}
           className={css.actionButton}
         />
         <UserProfileMessageButton threadInfo={threadInfo} />
       </div>
     );
-  }, [otherUserInfo, friendUser, threadInfo, unfriendUser]);
+  }, [
+    otherUserInfo,
+    friendUser,
+    isLoadingFriendUser,
+    threadInfo,
+    unfriendUser,
+    isLoadingUnfriendUser,
+  ]);
 
   return userProfileActionButtons;
 }
 
 export default UserProfileActionButtons;