diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index b3fc328aa..a6d7e6745 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -727,7 +727,7 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
 SPEC CHECKSUMS:
-  boost: 7dcd2de282d72e344012f7d6564d024930a6a440
+  boost: 57d2868c099736d80fcd648bf211b4431e51a558
   BVLinearGradient: 880f91a7854faff2df62518f0281afb1c60d49a3
   DoubleConversion: 5189b271737e1565bdce30deb4a08d647e3f5f54
   FBLazyVector: 9840513ec2766e31fb9e34c2dabb2c4671400fcd
@@ -810,4 +810,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 77ed9526d4011b245ce5afa1ea331dea4c67d753
 
-COCOAPODS: 1.14.3
+COCOAPODS: 1.14.2
diff --git a/ios/iNaturalistReactNative.xcodeproj/project.pbxproj b/ios/iNaturalistReactNative.xcodeproj/project.pbxproj
index 4a23087c6..b63bcf2ac 100644
--- a/ios/iNaturalistReactNative.xcodeproj/project.pbxproj
+++ b/ios/iNaturalistReactNative.xcodeproj/project.pbxproj
@@ -979,7 +979,11 @@
 					"-DFOLLY_MOBILE=1",
 					"-DFOLLY_USE_LIBCPP=1",
 				);
-				OTHER_LDFLAGS = "$(inherited)";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-Wl",
+					"-ld_classic",
+				);
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 			};
@@ -1048,7 +1052,11 @@
 					"-DFOLLY_MOBILE=1",
 					"-DFOLLY_USE_LIBCPP=1",
 				);
-				OTHER_LDFLAGS = "$(inherited)";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-Wl",
+					"-ld_classic",
+				);
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				VALIDATE_PRODUCT = YES;
diff --git a/src/api/relationships.js b/src/api/relationships.js
index e94b895f9..3d444705d 100644
--- a/src/api/relationships.js
+++ b/src/api/relationships.js
@@ -17,6 +17,15 @@ const fetchRelationships = async ( params: Object = {}, opts: Object = {} ): Pro
   }
 };
 
+const createRelationships = async ( params: Object = {}, opts: Object = {} ): Promise<any> => {
+  try {
+    const response = await inatjs.relationships.create( { ...PARAMS, ...params }, opts );
+    return response;
+  } catch ( e ) {
+    return handleError( e );
+  }
+};
+
 const updateRelationships = async ( params: Object = {}, opts: Object = {} ): Promise<any> => {
   try {
     const response = await inatjs.relationships.update( { ...PARAMS, ...params }, opts );
@@ -36,6 +45,7 @@ const deleteRelationships = async ( params: Object = {}, opts: Object = {} ): Pr
 };
 
 export {
+  createRelationships,
   deleteRelationships,
   fetchRelationships,
   updateRelationships
diff --git a/src/components/SharedComponents/OverviewCounts.js b/src/components/SharedComponents/OverviewCounts.js
index beae8a601..57e1686d5 100644
--- a/src/components/SharedComponents/OverviewCounts.js
+++ b/src/components/SharedComponents/OverviewCounts.js
@@ -15,6 +15,12 @@ type Props = {
 }
 
 type CountProps = {
+  count: number,
+  label: string,
+  icon: string
+}
+
+type CountPressableProps = {
   count: number,
   label: string,
   icon: string,
@@ -22,8 +28,28 @@ type CountProps = {
 }
 
 const Count = ( {
-  count, label, icon, onPress
+  count, label, icon
 }: CountProps ) => (
+  <View
+    className="w-1/4 items-center"
+  >
+    <View className="w-[32px] h-[32px] rounded-lg items-center justify-center">
+      <INatIcon
+        name={icon}
+        size={18}
+        color={colors.darkGray}
+      />
+    </View>
+    {typeof count === "number"
+      ? <Body2 className="mt-2">{t( "Intl-number", { val: count } )}</Body2>
+      : <ActivityIndicator size={25} />}
+    <Heading5 className="mt-2 text-center">{label}</Heading5>
+  </View>
+);
+
+const CountPressable = ( {
+  count, label, icon, onPress
+}: CountPressableProps ) => (
   <Pressable
     onPress={onPress}
     accessibilityRole="button"
@@ -48,13 +74,13 @@ const OverviewCounts = ( {
   counts, onObservationPressed, onSpeciesPressed
 }: Props ): React.Node => (
   <View className="flex-row mt-6">
-    <Count
+    <CountPressable
       count={counts.observations_count}
       label={t( "OBSERVATIONS-WITHOUT-NUMBER", { count: counts.observations_count } )}
       icon="binoculars"
       onPress={onObservationPressed}
     />
-    <Count
+    <CountPressable
       count={counts.species_count}
       label={t( "SPECIES-WITHOUT-NUMBER", { count: counts.species_count } )}
       icon="leaf"
@@ -64,8 +90,7 @@ const OverviewCounts = ( {
       <Count
         count={counts.identifications_count}
         label={t( "IDENTIFICATIONS-WITHOUT-NUMBER", { count: counts.identifications_count } )}
-        icon="person"
-        onPress={onSpeciesPressed}
+        icon="label"
       />
     )}
     {typeof ( counts.members_count ) === "number" && (
diff --git a/src/components/UserProfile/FollowButton.js b/src/components/UserProfile/FollowButton.js
new file mode 100644
index 000000000..d99aed5c6
--- /dev/null
+++ b/src/components/UserProfile/FollowButton.js
@@ -0,0 +1,44 @@
+// @flow
+
+import {
+  Button
+} from "components/SharedComponents";
+import { t } from "i18next";
+import type { Node } from "react";
+import React from "react";
+
+type Props = {
+    following: boolean,
+    follow: Function,
+    unfollow: Function,
+    loading: boolean
+  };
+
+const FollowButton = ( {
+  following, follow, unfollow, loading
+}: Props ): Node => {
+  if ( following ) {
+    return (
+      <Button
+        level="primary"
+        className="grow"
+        text={t( "UNFOLLOW" )}
+        onPress={unfollow}
+        testID="UserProfile.followButton"
+      />
+    );
+  }
+  return (
+    <Button
+      level="primary"
+      className="grow"
+      loading={loading}
+      text={t( "FOLLOW" )}
+      onPress={follow}
+      testID="UserProfile.followButton"
+    />
+
+  );
+};
+
+export default FollowButton;
diff --git a/src/components/UserProfile/FollowButtonContainer.js b/src/components/UserProfile/FollowButtonContainer.js
new file mode 100644
index 000000000..caa7d6f20
--- /dev/null
+++ b/src/components/UserProfile/FollowButtonContainer.js
@@ -0,0 +1,110 @@
+// @flow
+
+import { createRelationships, updateRelationships } from "api/relationships";
+import type { Node } from "react";
+import React, { useEffect, useState } from "react";
+import { Alert } from "react-native";
+import { useAuthenticatedMutation } from "sharedHooks";
+
+import FollowButton from "./FollowButton";
+
+type Props = {
+    userId: number,
+    relationship: Object,
+    refetchRelationship: Function,
+    setShowLoginSheet: Function,
+    setShowUnfollowSheet: Function,
+    currentUser: Object
+  };
+
+const FollowButtonContainer = ( {
+  userId, setShowLoginSheet, setShowUnfollowSheet,
+  currentUser, relationship, refetchRelationship
+}: Props ): Node => {
+  const [loading, setLoading] = useState( false );
+  const [following, setFollowing] = useState( false );
+
+  useEffect( ( ) => {
+    if ( relationship?.following === true ) {
+      setFollowing( true );
+      return;
+    }
+    setFollowing( false );
+  }, [relationship, refetchRelationship] );
+
+  const createRelationshipsMutation = useAuthenticatedMutation(
+    ( id, optsWithAuth ) => createRelationships( id, optsWithAuth )
+  );
+
+  const updateRelationshipsMutation = useAuthenticatedMutation(
+    ( id, optsWithAuth ) => updateRelationships( id, optsWithAuth )
+  );
+
+  const createRelationshipsMutate = ( ) => createRelationshipsMutation.mutate( {
+    relationship: {
+      friend_id: userId,
+      following: true
+    }
+  }, {
+    onSuccess: () => {
+      refetchRelationship();
+      setLoading( false );
+    },
+    onError: error => {
+      setLoading( false );
+      Alert.alert( "Error Following/Unfollowing", error );
+    }
+  } );
+
+  const updateRelationshipsMutate = ( ) => updateRelationshipsMutation.mutate( {
+    id: relationship.id,
+    relationship: {
+      following: true
+    }
+  }, {
+    onSuccess: () => {
+      refetchRelationship();
+      setLoading( false );
+    },
+    onError: error => {
+      setLoading( false );
+      Alert.alert( "Error Following/Unfollowing", error );
+    }
+  } );
+
+  const follow = () => {
+    if ( relationship ) {
+      updateRelationshipsMutate();
+    } else {
+      createRelationshipsMutate();
+    }
+  };
+
+  const followUser = () => {
+    if ( !currentUser ) {
+      setShowLoginSheet( true );
+      return;
+    }
+    setLoading( true );
+    follow();
+  };
+
+  const unfollowUser = ( ) => {
+    if ( !currentUser ) {
+      setShowLoginSheet( true );
+      return;
+    }
+    setShowUnfollowSheet( true );
+  };
+
+  return (
+    <FollowButton
+      loading={loading}
+      following={following}
+      follow={followUser}
+      unfollow={unfollowUser}
+    />
+  );
+};
+
+export default FollowButtonContainer;
diff --git a/src/components/UserProfile/UnfollowSheet.js b/src/components/UserProfile/UnfollowSheet.js
new file mode 100644
index 000000000..bf43b829f
--- /dev/null
+++ b/src/components/UserProfile/UnfollowSheet.js
@@ -0,0 +1,56 @@
+// @flow
+import { updateRelationships } from "api/relationships";
+import WarningSheet from "components/SharedComponents/Sheets/WarningSheet";
+import type { Node } from "react";
+import React from "react";
+import { Alert } from "react-native";
+import { useAuthenticatedMutation, useTranslation } from "sharedHooks";
+
+type Props = {
+    relationship: Object,
+    refetchRelationship: Function,
+    setShowUnfollowSheet: Function,
+}
+
+const UnfollowSheet = ( {
+  relationship,
+  setShowUnfollowSheet,
+  refetchRelationship
+}: Props ): Node => {
+  const { t } = useTranslation( );
+
+  const updateRelationshipsMutation = useAuthenticatedMutation(
+    ( id, optsWithAuth ) => updateRelationships( id, optsWithAuth )
+  );
+
+  const unfollowUser = ( ) => updateRelationshipsMutation.mutate( {
+    id: relationship.id,
+    relationship: {
+      following: false
+    }
+  }, {
+    onSuccess: () => {
+      setShowUnfollowSheet( false );
+      refetchRelationship();
+    },
+    onError: error => {
+      Alert.alert( "Error Following/Unfollowing", error );
+    }
+  } );
+
+  return (
+    <WarningSheet
+      handleClose={( ) => setShowUnfollowSheet( false )}
+      secondButtonText={t( "CANCEL" )}
+      buttonType="warning"
+      headerText={t( "UNFOLLOW-USER" )}
+      buttonText={t( "UNFOLLOW" )}
+      handleSecondButtonPress={( ) => setShowUnfollowSheet( false )}
+      confirm={( ) => {
+        if ( relationship ) unfollowUser();
+      }}
+    />
+  );
+};
+
+export default UnfollowSheet;
diff --git a/src/components/UserProfile/UserProfile.js b/src/components/UserProfile/UserProfile.js
index 6dedfbd25..4192d9949 100644
--- a/src/components/UserProfile/UserProfile.js
+++ b/src/components/UserProfile/UserProfile.js
@@ -1,11 +1,11 @@
 // @flow
 
 import { useNavigation, useRoute } from "@react-navigation/native";
-import { updateRelationships } from "api/relationships";
+import { fetchRelationships } from "api/relationships";
 import { fetchRemoteUser } from "api/users";
+import LoginSheet from "components/MyObservations/LoginSheet";
 import {
   Body2,
-  Button,
   Heading1,
   Heading4,
   INatIconButton,
@@ -18,17 +18,22 @@ import {
 import { View } from "components/styledComponents";
 import { t } from "i18next";
 import type { Node } from "react";
-import React, { useCallback, useEffect } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import User from "realmModels/User";
 import { formatUserProfileDate } from "sharedHelpers/dateAndTime";
-import { useAuthenticatedMutation, useAuthenticatedQuery, useCurrentUser } from "sharedHooks";
+import { useAuthenticatedQuery, useCurrentUser } from "sharedHooks";
 import colors from "styles/tailwindColors";
 
+import FollowButtonContainer from "./FollowButtonContainer";
+import UnfollowSheet from "./UnfollowSheet";
+
 const UserProfile = ( ): Node => {
   const navigation = useNavigation( );
   const currentUser = useCurrentUser( );
   const { params } = useRoute( );
   const { userId } = params;
+  const [showLoginSheet, setShowLoginSheet] = useState( false );
+  const [showUnfollowSheet, setShowUnfollowSheet] = useState( false );
 
   const { data: remoteUser } = useAuthenticatedQuery(
     ["fetchRemoteUser", userId],
@@ -37,9 +42,22 @@ const UserProfile = ( ): Node => {
 
   const user = remoteUser || null;
 
-  const updateRelationshipsMutation = useAuthenticatedMutation(
-    ( id, optsWithAuth ) => updateRelationships( id, optsWithAuth )
+  const {
+    data: relationships,
+    refetch
+  } = useAuthenticatedQuery(
+    ["fetchRelationships"],
+    optsWithAuth => fetchRelationships( {
+      q: user?.login,
+      fields: "following,friend_user,id",
+      ttl: -1
+    }, optsWithAuth )
   );
+  let relationshipResults = null;
+  if ( relationships?.results ) {
+    relationshipResults = relationships?.results
+      .find( relationship => relationship.friendUser.id === userId );
+  }
 
   useEffect( ( ) => {
     const headerRight = ( ) => currentUser?.login === user?.login && (
@@ -68,11 +86,6 @@ const UserProfile = ( ): Node => {
     return null;
   }
 
-  const followUser = ( ) => updateRelationshipsMutation.mutate( {
-    id: userId,
-    relationship: { following: true }
-  } );
-
   return (
     <ScrollViewWrapper testID="UserProfile">
       <View
@@ -94,50 +107,24 @@ const UserProfile = ( ): Node => {
         onSpeciesPressed={onSpeciesPressed}
       />
       <View className="mx-3">
-        {currentUser?.login !== user?.login && (
-          <View className="flex-row justify-evenly mt-8 mb-4">
-            <Button
-              level="primary"
-              className="grow"
-              text={t( "FOLLOW" )}
-              onPress={followUser}
-              testID="UserProfile.followButton"
+        <View className="mt-8 mb-4">
+          {currentUser?.login !== user?.login && (
+            <FollowButtonContainer
+              refetchRelationship={refetch}
+              relationship={relationshipResults}
+              userId={userId}
+              setShowLoginSheet={setShowLoginSheet}
+              currentUser={currentUser}
+              setShowUnfollowSheet={setShowUnfollowSheet}
             />
-            <Button
-              className="grow ml-3"
-              level="primary"
-              text={t( "MESSAGE" )}
-              onPress={( ) => navigation.navigate( "Messages" )}
-              testID="UserProfile.messagesButton"
-            />
-          </View>
-        )}
+          )}
+        </View>
         { user?.description && (
           <>
             <Heading4 className="mb-2 mt-5">{t( "ABOUT" )}</Heading4>
             <UserText text={user?.description} />
           </>
         ) }
-        <Heading4 className="mb-2 mt-5">{t( "PROJECTS" )}</Heading4>
-        <Button
-          className="mb-6"
-          text={t( "VIEW-PROJECTS" )}
-          onPress={( ) => navigation.navigate( "Projects" )}
-        />
-        <Heading4 className="mb-2">{t( "PEOPLE" )}</Heading4>
-        <Button
-          className="mb-6"
-          text={t( "VIEW-FOLLOWERS" )}
-        />
-        <Button
-          className="mb-6"
-          text={t( "VIEW-FOLLOWING" )}
-        />
-        <Heading4 className="mb-2">{t( "JOURNAL-POSTS" )}</Heading4>
-        <Button
-          className="mb-6"
-          text={t( "VIEW-JOURNAL-POSTS" )}
-        />
         <Body2 className="mb-5">
           {t( "Joined-date", { date: formatUserProfileDate( user.created_at, t ) } )}
         </Body2>
@@ -155,6 +142,14 @@ const UserProfile = ( ): Node => {
           </Body2>
         )}
       </View>
+      {showLoginSheet && <LoginSheet setShowLoginSheet={setShowLoginSheet} />}
+      {showUnfollowSheet && (
+        <UnfollowSheet
+          relationship={relationshipResults}
+          setShowUnfollowSheet={setShowUnfollowSheet}
+          refetchRelationship={refetch}
+        />
+      )}
     </ScrollViewWrapper>
   );
 };
diff --git a/src/i18n/l10n/en.ftl b/src/i18n/l10n/en.ftl
index aca9029bd..8d68dfd08 100644
--- a/src/i18n/l10n/en.ftl
+++ b/src/i18n/l10n/en.ftl
@@ -437,6 +437,12 @@ Flag-Item-Other-Description = Some other reason you can explain below.
 
 Flag-Item-Other-Input-Hint = Specify the reason you're flagging this item
 
+FOLLOW = FOLLOW
+
+UNFOLLOW = UNFOLLOW
+
+UNFOLLOW-USER = UNFOLLOW USER?
+
 Following = Following
 
 # Forgot password link
diff --git a/src/i18n/l10n/en.ftl.json b/src/i18n/l10n/en.ftl.json
index 69c52db91..07e476ce4 100644
--- a/src/i18n/l10n/en.ftl.json
+++ b/src/i18n/l10n/en.ftl.json
@@ -247,6 +247,9 @@
   "Flag-Item-Description": "Flagging brings something to the attention of volunteer site curators. Please don't flag problems you can address with identifications, the Data Quality Assessment, or by talking to the person who made the content.",
   "Flag-Item-Other-Description": "Some other reason you can explain below.",
   "Flag-Item-Other-Input-Hint": "Specify the reason you're flagging this item",
+  "FOLLOW": "FOLLOW",
+  "UNFOLLOW": "UNFOLLOW",
+  "UNFOLLOW-USER": "UNFOLLOW USER?",
   "Following": "Following",
   "Forgot-Password": {
     "comment": "Forgot password link",
diff --git a/src/i18n/strings.ftl b/src/i18n/strings.ftl
index aca9029bd..8d68dfd08 100644
--- a/src/i18n/strings.ftl
+++ b/src/i18n/strings.ftl
@@ -437,6 +437,12 @@ Flag-Item-Other-Description = Some other reason you can explain below.
 
 Flag-Item-Other-Input-Hint = Specify the reason you're flagging this item
 
+FOLLOW = FOLLOW
+
+UNFOLLOW = UNFOLLOW
+
+UNFOLLOW-USER = UNFOLLOW USER?
+
 Following = Following
 
 # Forgot password link