diff --git a/android/build.gradle b/android/build.gradle
index 3cec4d31..ae718c5f 100644
--- a/android/build.gradle
+++ b/android/build.gradle
@@ -50,6 +50,5 @@ allprojects {
 
         google()
         maven { url 'https://www.jitpack.io' }
-        jcenter()
     }
 }
diff --git a/package.json b/package.json
index bfd6df41..903df972 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "@dfinity/principal": "^0.9.3",
     "@hookform/error-message": "^2.0.0",
     "@psychedelic/dab-js": "1.4.12",
-    "@psychedelic/plug-controller": "0.24.5",
+    "@psychedelic/plug-controller": "0.24.9",
     "@react-native-async-storage/async-storage": "^1.17.10",
     "@react-native-community/blur": "^4.2.0",
     "@react-native-community/clipboard": "^1.5.1",
diff --git a/src/components/buttons/ScrollableButton/hooks/useScrollHandler.ts b/src/components/buttons/ScrollableButton/hooks/useScrollHandler.ts
new file mode 100644
index 00000000..cd22c97a
--- /dev/null
+++ b/src/components/buttons/ScrollableButton/hooks/useScrollHandler.ts
@@ -0,0 +1,19 @@
+import { useState } from 'react';
+import { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
+
+function useScrollHanlder() {
+  const [scrollPosition, setScrollPosition] = useState(0);
+
+  const handleOnScroll = (
+    scrollEvent: NativeSyntheticEvent<NativeScrollEvent>
+  ) => {
+    setScrollPosition(scrollEvent?.nativeEvent?.contentOffset.y);
+  };
+
+  return {
+    scrollPosition,
+    handleOnScroll,
+  };
+}
+
+export default useScrollHanlder;
diff --git a/src/components/buttons/ScrollableButton/index.tsx b/src/components/buttons/ScrollableButton/index.tsx
new file mode 100644
index 00000000..f3cd760d
--- /dev/null
+++ b/src/components/buttons/ScrollableButton/index.tsx
@@ -0,0 +1,84 @@
+import React, { useEffect, useState } from 'react';
+import { StyleProp, TextStyle, View, ViewStyle } from 'react-native';
+import Animated, {
+  Easing,
+  useAnimatedStyle,
+  useSharedValue,
+  withTiming,
+} from 'react-native-reanimated';
+
+import { Touchable } from '@/components/common';
+import AddGradient from '@/icons/svg/AddGradient.svg';
+
+import styles from './styles';
+
+interface Props {
+  onPress: () => void;
+  text: string;
+  textWidth: number;
+  buttonStyle?: StyleProp<ViewStyle>;
+  imageStyle?: StyleProp<ViewStyle>;
+  textStyle?: StyleProp<TextStyle>;
+  scrollPosition: number;
+}
+
+function ScrollableButton({
+  onPress,
+  text,
+  textWidth,
+  textStyle,
+  buttonStyle,
+  imageStyle,
+  scrollPosition,
+}: Props) {
+  const [showFullButton, setShowFullButton] = useState(true);
+  const [currentScrollPosition, setCurrentScrollPosition] = useState(0);
+
+  const animatedWidth = useSharedValue(textWidth);
+
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      width: withTiming(animatedWidth.value, {
+        duration: 200,
+        easing: Easing.bezier(0.25, 0.1, 0.25, 1),
+      }),
+      opacity: withTiming(animatedWidth.value > 0 ? 1 : 0, {
+        duration: 450,
+      }),
+    };
+  });
+
+  useEffect(() => {
+    if (currentScrollPosition < scrollPosition) {
+      // Scroll down.
+      setShowFullButton(false);
+      animatedWidth.value = 0;
+    } else if (scrollPosition < currentScrollPosition || scrollPosition === 0) {
+      // Scroll up or start position.
+      setShowFullButton(true);
+      animatedWidth.value = textWidth;
+    }
+    setCurrentScrollPosition(scrollPosition);
+  }, [scrollPosition]);
+
+  return (
+    <Touchable onPress={onPress}>
+      <View style={[styles.button, buttonStyle]}>
+        <AddGradient width={18} height={18} style={imageStyle} />
+        <Animated.Text
+          ellipsizeMode="clip"
+          numberOfLines={1}
+          style={[
+            styles.text,
+            animatedStyle,
+            showFullButton && styles.marginText,
+            textStyle,
+          ]}>
+          {text}
+        </Animated.Text>
+      </View>
+    </Touchable>
+  );
+}
+
+export default ScrollableButton;
diff --git a/src/components/buttons/ScrollableButton/styles.ts b/src/components/buttons/ScrollableButton/styles.ts
new file mode 100644
index 00000000..922dc226
--- /dev/null
+++ b/src/components/buttons/ScrollableButton/styles.ts
@@ -0,0 +1,30 @@
+import { StyleSheet } from 'react-native';
+
+import { Colors, FontStyles } from '@/constants/theme';
+import { fontMaker } from '@/utils/fonts';
+
+export default StyleSheet.create({
+  button: {
+    minWidth: 48,
+    height: 48,
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: Colors.ActionBlue,
+    borderRadius: 100,
+    paddingHorizontal: 16,
+    shadowColor: Colors.White.Pure,
+    shadowOffset: { width: 2, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 12,
+    elevation: 4,
+  },
+  disabled: {
+    opacity: 0.2,
+  },
+  text: {
+    ...fontMaker({ ...FontStyles.Body2, color: Colors.White.Pure }),
+  },
+  marginText: {
+    marginLeft: 8,
+  },
+});
diff --git a/src/components/icons/svg/AddGradient.svg b/src/components/icons/svg/AddGradient.svg
new file mode 100644
index 00000000..0ea68c87
--- /dev/null
+++ b/src/components/icons/svg/AddGradient.svg
@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.3334 11.3334H11.3334V19.3334H8.66669V11.3334H0.666687V8.66675H8.66669V0.666748H11.3334V8.66675H19.3334V11.3334Z" fill="url(#paint0_linear_11215_10966)"/>
+<defs>
+<linearGradient id="paint0_linear_11215_10966" x1="2.58313" y1="1.79426" x2="16.5813" y2="7.99829" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEF9FF"/>
+<stop offset="1" stop-color="#FFDFFC"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/constants/nfts.ts b/src/constants/nfts.ts
index c3a5e2f4..1ca27871 100644
--- a/src/constants/nfts.ts
+++ b/src/constants/nfts.ts
@@ -1,5 +1,2 @@
-import { isAndroid } from './platform';
-
-// Since we're having problems with Apple's approval we're disabling NFTs until we find a solution
-
-export const ENABLE_NFTS = isAndroid;
+// TODO: Delete ENABLE_NFTS everywhere.
+export const ENABLE_NFTS = true;
diff --git a/src/constants/urls.ts b/src/constants/urls.ts
index 9b9784b9..b8a0b046 100644
--- a/src/constants/urls.ts
+++ b/src/constants/urls.ts
@@ -1,6 +1,8 @@
 export const dabFormUrl = 'https://dab-ooo.typeform.com/token-list';
 export const customTokensUrl =
   'https://docs.plugwallet.ooo/getting-started/custom-tokens/';
+export const custonNFTsUrl =
+  'https://docs.plugwallet.ooo/getting-started/nfts/';
 
 export const docsUrl = 'https://docs.plugwallet.ooo';
 export const blogUrl = 'https://medium.com/plugwallet';
diff --git a/src/interfaces/keyring.ts b/src/interfaces/keyring.ts
index ad09f566..4e802da8 100644
--- a/src/interfaces/keyring.ts
+++ b/src/interfaces/keyring.ts
@@ -1,4 +1,7 @@
+import { WalletNFTInfo } from '@psychedelic/plug-controller/dist/interfaces/plug_wallet';
+
 export type FungibleStandard = 'DIP20' | 'EXT';
+export type NonFungibleStandard = 'DIP721';
 export type Standard = 'DIP20' | 'XTC' | 'WICP' | 'EXT' | 'ICP' | string;
 
 export interface StandardToken {
@@ -27,3 +30,5 @@ export interface InferredTransaction {
   };
   caller: string;
 }
+
+export interface CollectionInfo extends WalletNFTInfo {}
diff --git a/src/redux/slices/user.ts b/src/redux/slices/user.ts
index 165f2507..f7861557 100644
--- a/src/redux/slices/user.ts
+++ b/src/redux/slices/user.ts
@@ -4,7 +4,12 @@ import { createAsyncThunk, createSlice, isAnyOf } from '@reduxjs/toolkit';
 
 import { JELLY_CANISTER_ID } from '@/constants/canister';
 import { ENABLE_NFTS } from '@/constants/nfts';
-import { FungibleStandard, TokenBalance } from '@/interfaces/keyring';
+import {
+  CollectionInfo,
+  FungibleStandard,
+  NonFungibleStandard,
+  TokenBalance,
+} from '@/interfaces/keyring';
 import {
   Asset,
   Collection,
@@ -301,7 +306,7 @@ export const editContact = createAsyncThunk<
   'user/editContact',
   async ({ contact, newContact }, { getState, rejectWithValue }) => {
     try {
-      const state = getState();
+      const state = getState() as State;
       const instance = KeyRing.getInstance();
       const removeContactRes = await instance?.deleteContact({
         addressName: contact.name,
@@ -351,7 +356,6 @@ export const addCustomToken = createAsyncThunk<
         onSuccess?.();
         return user.assets;
       }
-
       const registeredToken = await instance?.registerToken({
         canisterId: canisterId.toString(),
         standard,
@@ -421,6 +425,66 @@ export const getTokenInfo = createAsyncThunk(
   }
 );
 
+export const getCollectionInfo = createAsyncThunk(
+  'user/getCollectionInfo',
+  async (
+    {
+      collection,
+      onSuccess,
+      onFailure,
+    }: {
+      collection: { canisterId: string; standard: NonFungibleStandard };
+      onSuccess: (collectionInfo: CollectionInfo) => void;
+      onFailure: () => void;
+    },
+    { rejectWithValue }
+  ) => {
+    const instance = KeyRing.getInstance();
+    try {
+      const collectionInfo = await instance?.getNFTInfo(collection);
+      onSuccess(collectionInfo);
+    } catch (e: any) {
+      console.log('Error while fetching Collection info', e);
+      onFailure?.();
+      return rejectWithValue(e.message);
+    }
+  }
+);
+
+// eslint-disable-next-line no-spaced-func
+export const addCustomCollection = createAsyncThunk<
+  Collection[],
+  {
+    nft: { canisterId: string; standard: NonFungibleStandard };
+    onSuccess: () => void;
+    onFailure: (e: string) => void;
+  },
+  { rejectValue: string; state: State }
+>(
+  'user/addCustomCollection',
+  async ({ nft, onSuccess, onFailure }, { rejectWithValue, getState }) => {
+    const state = getState();
+    const instance = KeyRing.getInstance();
+    try {
+      const registeredCollection = recursiveParseBigint(
+        await instance?.registerNFT(nft)
+      );
+
+      const totalCollections = [
+        ...state.user.collections,
+        registeredCollection,
+      ] as Collection[];
+
+      onSuccess();
+      return totalCollections;
+    } catch (e: any) {
+      onFailure(e.message);
+      console.log('Error while adding custom collection:', e);
+      return rejectWithValue(e.message);
+    }
+  }
+);
+
 export const addConnectedApp = createAsyncThunk(
   'user/addConnectedApp',
   async (
@@ -537,6 +601,16 @@ export const userSlice = createSlice({
         state.collectionsError = action.payload;
         state.collectionsLoading = false;
       })
+      .addCase(addCustomCollection.fulfilled, (state, action) => {
+        state.collections = action.payload ?? [];
+        state.collectionsLoading = false;
+      })
+      .addCase(addCustomCollection.pending, state => {
+        state.collectionsLoading = true;
+      })
+      .addCase(addCustomCollection.rejected, state => {
+        state.collectionsLoading = false;
+      })
       .addCase(getTransactions.pending, state => {
         state.transactionsError = undefined;
         state.transactionsLoading = true;
diff --git a/src/screens/flows/WalletConnect/screens/Flows/components/RequestCall/index.tsx b/src/screens/flows/WalletConnect/screens/Flows/components/RequestCall/index.tsx
index 67d4e09b..580d6323 100644
--- a/src/screens/flows/WalletConnect/screens/Flows/components/RequestCall/index.tsx
+++ b/src/screens/flows/WalletConnect/screens/Flows/components/RequestCall/index.tsx
@@ -116,7 +116,7 @@ function RequestCall(props: Props) {
                 <Text
                   onPress={goToLearnMore}
                   style={[FontStyles.Normal, styles.learnMore]}>
-                  {t('walletConnect.learnMore')}
+                  {t('common.learnMore')}
                 </Text>
               </View>
             )}
diff --git a/src/screens/tabs/NFTs/components/AddCollection/index.tsx b/src/screens/tabs/NFTs/components/AddCollection/index.tsx
new file mode 100644
index 00000000..b5e11a1c
--- /dev/null
+++ b/src/screens/tabs/NFTs/components/AddCollection/index.tsx
@@ -0,0 +1,76 @@
+import { t } from 'i18next';
+import React, { useRef, useState } from 'react';
+import { Modalize } from 'react-native-modalize';
+
+import ScrollableButton from '@/components/buttons/ScrollableButton';
+import { ActionButton, Header, Modal, Text } from '@/components/common';
+import { CollectionInfo } from '@/interfaces/keyring';
+
+import CustomCollection from '../CustomCollection';
+import ReviewCollection from '../ReviewCollection';
+import styles from './styles';
+
+interface Props {
+  scrollPosition: number;
+}
+
+function AddCollection({ scrollPosition }: Props) {
+  const modalRef = useRef<Modalize>(null);
+  const [selectedCollection, setSelectedCollection] =
+    useState<CollectionInfo>();
+  const showReviewCollection = !!selectedCollection;
+
+  const handleModalClose = () => {
+    modalRef.current?.close();
+    cleanState();
+  };
+
+  const cleanState = () => setSelectedCollection(undefined);
+
+  return (
+    <>
+      <ScrollableButton
+        text={t('addCollection.title')}
+        textWidth={112}
+        scrollPosition={scrollPosition}
+        onPress={() => modalRef?.current?.open()}
+        buttonStyle={styles.buttonContainer}
+      />
+      <Modal
+        onClosed={cleanState}
+        modalRef={modalRef}
+        disableScrollIfPossible={false}
+        adjustToContentHeight
+        HeaderComponent={
+          <Header
+            left={
+              showReviewCollection && (
+                <ActionButton onPress={cleanState} label={t('common.back')} />
+              )
+            }
+            center={
+              <Text style={styles.title} type="subtitle3">
+                {t('addCollection.customCollection')}
+              </Text>
+            }
+            right={
+              <ActionButton
+                label={t('common.close')}
+                onPress={handleModalClose}
+              />
+            }
+          />
+        }>
+        {showReviewCollection ? (
+          <ReviewCollection
+            collection={selectedCollection}
+            handleModalClose={handleModalClose}
+          />
+        ) : (
+          <CustomCollection setSelectedCollection={setSelectedCollection} />
+        )}
+      </Modal>
+    </>
+  );
+}
+export default AddCollection;
diff --git a/src/screens/tabs/NFTs/components/AddCollection/styles.ts b/src/screens/tabs/NFTs/components/AddCollection/styles.ts
new file mode 100644
index 00000000..41b92be2
--- /dev/null
+++ b/src/screens/tabs/NFTs/components/AddCollection/styles.ts
@@ -0,0 +1,15 @@
+import { StyleSheet } from 'react-native';
+
+import { Colors } from '@/constants/theme';
+
+export default StyleSheet.create({
+  buttonContainer: {
+    position: 'absolute',
+    bottom: 16,
+    right: 14,
+    borderRadius: 100,
+  },
+  title: {
+    color: Colors.White.Primary,
+  },
+});
diff --git a/src/screens/tabs/NFTs/components/CustomCollection/index.tsx b/src/screens/tabs/NFTs/components/CustomCollection/index.tsx
new file mode 100644
index 00000000..355d419c
--- /dev/null
+++ b/src/screens/tabs/NFTs/components/CustomCollection/index.tsx
@@ -0,0 +1,158 @@
+import { t } from 'i18next';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { Keyboard, Linking, View } from 'react-native';
+import { Modalize } from 'react-native-modalize';
+
+import Button from '@/components/buttons/Button';
+import RainbowButton from '@/components/buttons/RainbowButton';
+import { ActionSheet, Text, TextInput } from '@/components/common';
+import Icon from '@/components/icons';
+import { Colors } from '@/constants/theme';
+import { custonNFTsUrl } from '@/constants/urls';
+import { CollectionInfo, NonFungibleStandard } from '@/interfaces/keyring';
+import { useAppDispatch } from '@/redux/hooks';
+import { getCollectionInfo } from '@/redux/slices/user';
+import { validateCanisterId } from '@/utils/ids';
+
+import styles, { iconColor } from './styles';
+interface Props {
+  setSelectedCollection: (collectionInfo: CollectionInfo) => void;
+}
+
+function CustomCollection({ setSelectedCollection }: Props) {
+  const dispatch = useAppDispatch();
+  const optionsRef = useRef<Modalize>(null);
+
+  const [loading, setLoading] = useState<boolean>(false);
+  const [collectionError, setCollectionError] = useState<boolean>(false);
+  const [canisterId, setCanisterId] = useState<string>('');
+  const [canisterIdError, setCanisterIdError] = useState<boolean>(false);
+  const [standard, setStandard] = useState<NonFungibleStandard>('DIP721');
+
+  const error = canisterIdError || collectionError;
+
+  const handleIdChange = (text: string) => {
+    setCanisterId(text);
+    setCanisterIdError(!validateCanisterId(text));
+    setCollectionError(false);
+  };
+
+  const clearValues = () => {
+    setLoading(false);
+    setCanisterId('');
+    setStandard('DIP721');
+    setCollectionError(false);
+    setCanisterIdError(false);
+  };
+
+  const handleStandardChange = useCallback((selected: NonFungibleStandard) => {
+    setStandard(selected);
+    setCollectionError(false);
+  }, []);
+
+  const handleStandardPress = () => {
+    Keyboard.dismiss();
+    optionsRef?.current?.open();
+  };
+
+  const standardList = useMemo(
+    () => [
+      {
+        id: 1,
+        label: 'DIP721',
+        onPress: () => handleStandardChange('DIP721'),
+      },
+    ],
+    [handleStandardChange]
+  );
+
+  const handleSubmit = () => {
+    Keyboard.dismiss();
+    if (validateCanisterId(canisterId)) {
+      setLoading(true);
+      setCanisterIdError(false);
+      dispatch(
+        getCollectionInfo({
+          collection: { canisterId, standard },
+          onSuccess: collection => {
+            setSelectedCollection(collection);
+            clearValues();
+          },
+          onFailure: () => {
+            setCollectionError(true);
+            setLoading(false);
+          },
+        })
+      );
+    } else {
+      setCanisterIdError(true);
+    }
+  };
+
+  const handleLinkPress = () => {
+    Linking.canOpenURL(custonNFTsUrl).then(() =>
+      Linking.openURL(custonNFTsUrl)
+    );
+  };
+
+  return (
+    <View style={styles.container}>
+      <TextInput
+        blurOnSubmit
+        value={canisterId}
+        onBlur={Keyboard.dismiss}
+        onChangeText={handleIdChange}
+        placeholder={t('addCollection.customCollectionId')}
+        error={error}
+      />
+      {error && (
+        <View style={styles.errorContainer}>
+          <Icon name="error" color={Colors.Red} />
+          <Text type="caption" style={styles.errorText}>
+            {collectionError
+              ? t('addCollection.canisterNotCompatible', { standard })
+              : t('addCollection.invalidCanisterId')}
+            {canisterIdError && (
+              <Text style={styles.errorLink} onPress={handleLinkPress}>
+                {t('common.learnMore')}
+              </Text>
+            )}
+          </Text>
+        </View>
+      )}
+      <Button
+        iconName="chevron"
+        onPress={handleStandardPress}
+        iconStyle={styles.standardIcon}
+        buttonStyle={styles.standardButton}
+        textStyle={
+          standard ? styles.standardText : styles.standardTextPlaceholder
+        }
+        text={standard || t('addCollection.customCollectionStandard')}
+        iconProps={{ height: 18, color: Colors.White.Primary }}
+      />
+      <View style={styles.captionContainer}>
+        <Icon name="info" color={iconColor} />
+        <Text type="caption" style={styles.standardCaption}>
+          {t('addCollection.customCaption')}
+        </Text>
+      </View>
+      <RainbowButton
+        loading={loading}
+        onPress={handleSubmit}
+        disabled={canisterIdError}
+        buttonStyle={styles.button}
+        text={t('common.continue')}
+      />
+      <ActionSheet
+        showIcons={false}
+        modalRef={optionsRef}
+        options={standardList}
+        cancelTextStyle={styles.cancelText}
+        optionTextStyle={styles.optionsText}
+      />
+    </View>
+  );
+}
+
+export default CustomCollection;
diff --git a/src/screens/tabs/NFTs/components/CustomCollection/styles.ts b/src/screens/tabs/NFTs/components/CustomCollection/styles.ts
new file mode 100644
index 00000000..8be7a024
--- /dev/null
+++ b/src/screens/tabs/NFTs/components/CustomCollection/styles.ts
@@ -0,0 +1,61 @@
+import { StyleSheet } from 'react-native';
+
+import { SEMIBOLD } from '@/constants/fonts';
+import { Colors } from '@/constants/theme';
+import { fontMaker } from '@/utils/fonts';
+
+export const iconColor = Colors.White.Secondary;
+
+export default StyleSheet.create({
+  container: {
+    paddingHorizontal: 16,
+  },
+  standardButton: {
+    marginTop: 16,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingHorizontal: 20,
+    height: 56,
+    backgroundColor: Colors.Black.Primary,
+  },
+  standardTextPlaceholder: {
+    ...fontMaker({ size: 18, color: Colors.White.Secondary, weight: SEMIBOLD }),
+  },
+  standardText: {
+    ...fontMaker({ size: 18, color: Colors.White.Pure, weight: SEMIBOLD }),
+  },
+  standardIcon: {
+    transform: [{ rotate: '90deg' }],
+  },
+  button: {
+    marginBottom: 16,
+    marginTop: 40,
+  },
+  captionContainer: {
+    flexDirection: 'row',
+    marginTop: 8,
+  },
+  standardCaption: {
+    marginLeft: 4,
+    color: Colors.White.Secondary,
+    flex: 1,
+  },
+  errorContainer: {
+    flexDirection: 'row',
+    marginTop: 8,
+  },
+  errorText: {
+    marginLeft: 4,
+    color: Colors.Red,
+    flex: 1,
+  },
+  errorLink: {
+    textDecorationLine: 'underline',
+  },
+  optionsText: {
+    color: Colors.White.Primary,
+  },
+  cancelText: {
+    color: Colors.Red,
+  },
+});
diff --git a/src/screens/tabs/NFTs/components/ReviewCollection/index.tsx b/src/screens/tabs/NFTs/components/ReviewCollection/index.tsx
new file mode 100644
index 00000000..934585b2
--- /dev/null
+++ b/src/screens/tabs/NFTs/components/ReviewCollection/index.tsx
@@ -0,0 +1,77 @@
+import { t } from 'i18next';
+import React from 'react';
+import { View } from 'react-native';
+
+import RainbowButton from '@/components/buttons/RainbowButton';
+import { Text } from '@/components/common';
+import Icon from '@/components/tokens/TokenIcon';
+import useCustomToast from '@/hooks/useCustomToast';
+import { CollectionInfo, NonFungibleStandard } from '@/interfaces/keyring';
+import { useAppDispatch, useAppSelector } from '@/redux/hooks';
+import { addCustomCollection } from '@/redux/slices/user';
+
+import styles from './styles';
+
+interface Props {
+  collection: CollectionInfo;
+  handleModalClose: () => void;
+}
+
+function ReviewCollection({ collection, handleModalClose }: Props) {
+  const { canisterId, standard, name } = collection;
+  const { showInfo, showError, showSuccess } = useCustomToast();
+  const dispatch = useAppDispatch();
+  const loading = useAppSelector(state => state.user.collectionsLoading);
+
+  const handleAddCollection = () => {
+    dispatch(
+      addCustomCollection({
+        nft: { canisterId, standard: standard as NonFungibleStandard },
+        onSuccess: () => {
+          handleModalClose();
+          showSuccess(
+            t('addCollection.successToastTitle'),
+            t('addCollection.successToastMessage')
+          );
+        },
+        onFailure: (e: string) => {
+          handleModalClose();
+          if (e.includes('The NFT is already registered')) {
+            showInfo(
+              t('addCollection.infoToastTitle'),
+              t('addCollection.infoToastMessage', {
+                name: name || t('addCollection.unknownCollection'),
+              })
+            );
+          } else {
+            showError(
+              t('addCollection.errorToastTitle'),
+              t('addCollection.errorToastMessage')
+            );
+          }
+        },
+      })
+    );
+  };
+
+  return (
+    <View style={styles.container}>
+      <Text type="body1" style={styles.alert}>
+        {t('addCollection.safetyAlert')}
+      </Text>
+      <View style={styles.collectionContainer}>
+        <Icon logo={collection?.icon} />
+        <Text type="body2" style={styles.name}>
+          {collection.name || t('addCollection.noName')}
+        </Text>
+      </View>
+      <RainbowButton
+        text={t('addCollection.title')}
+        onPress={handleAddCollection}
+        loading={loading}
+      />
+    </View>
+  );
+}
+
+export default ReviewCollection;
diff --git a/src/screens/tabs/NFTs/components/ReviewCollection/styles.ts b/src/screens/tabs/NFTs/components/ReviewCollection/styles.ts
new file mode 100644
index 00000000..50a76c72
--- /dev/null
+++ b/src/screens/tabs/NFTs/components/ReviewCollection/styles.ts
@@ -0,0 +1,31 @@
+import { StyleSheet } from 'react-native';
+
+import { Colors } from '@/constants/theme';
+import { fontMaker } from '@/utils/fonts';
+
+export default StyleSheet.create({
+  container: {
+    flex: 1,
+    paddingHorizontal: 20,
+    paddingBottom: 20,
+  },
+  alert: {
+    color: Colors.White.Secondary,
+    textAlign: 'center',
+  },
+  name: {
+    ...fontMaker({ color: Colors.White.Primary }),
+    marginLeft: 12,
+  },
+  collectionContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 16,
+    paddingHorizontal: 10,
+    borderWidth: 1,
+    borderTopColor: Colors.Divider[1],
+    borderBottomColor: Colors.Divider[1],
+    marginTop: 36,
+    marginBottom: 40,
+  },
+});
diff --git a/src/screens/tabs/NFTs/index.js b/src/screens/tabs/NFTs/index.js
index 067c5db4..00b8ed4d 100644
--- a/src/screens/tabs/NFTs/index.js
+++ b/src/screens/tabs/NFTs/index.js
@@ -6,6 +6,7 @@ import { RefreshControl, View } from 'react-native';
 
 import EmptyState from '@/commonComponents/EmptyState';
 import ErrorState from '@/commonComponents/ErrorState';
+import useScrollHanlder from '@/components/buttons/ScrollableButton/hooks/useScrollHandler';
 import Text from '@/components/common/Text';
 import { ERROR_TYPES } from '@/constants/general';
 import { Colors } from '@/constants/theme';
@@ -17,8 +18,10 @@ import NftItem, { ITEM_HEIGHT } from '@/screens/tabs/components/NftItem';
 import WalletHeader from '@/screens/tabs/components/WalletHeader';
 import { formatCollections } from '@/utils/assets';
 
+import AddCollection from './components/AddCollection';
 import NftDetail from './screens/NftDetail';
 import styles from './styles';
+
 function NFTs() {
   const { t } = useTranslation();
   const detailRef = useRef(null);
@@ -29,6 +32,7 @@ function NFTs() {
   const { collections, collectionsError, collectionsLoading } = useAppSelector(
     state => state.user
   );
+  const { handleOnScroll, scrollPosition } = useScrollHanlder();
 
   const nfts = useMemo(
     () => (collections ? formatCollections(collections) : []),
@@ -54,7 +58,8 @@ function NFTs() {
         {!collectionsError ? (
           <View style={styles.container}>
             <FlashList
-              bounces
+              onScroll={handleOnScroll}
+              bounces={false}
               data={nfts}
               numColumns={2}
               horizontal={false}
@@ -81,6 +86,7 @@ function NFTs() {
                 />
               }
             />
+            <AddCollection scrollPosition={scrollPosition} />
           </View>
         ) : (
           <ErrorState onPress={onRefresh} errorType={ERROR_TYPES.FETCH_ERROR} />
diff --git a/src/screens/tabs/Profile/modals/Accounts/AddICNS/index.tsx b/src/screens/tabs/Profile/modals/Accounts/AddICNS/index.tsx
index 12724b0f..364ba0c9 100644
--- a/src/screens/tabs/Profile/modals/Accounts/AddICNS/index.tsx
+++ b/src/screens/tabs/Profile/modals/Accounts/AddICNS/index.tsx
@@ -135,9 +135,7 @@ function AddICNS({ modalRef }: Props) {
                 ? t('accounts.icns.emptyState')
                 : t('accounts.icns.info')}
               <Text style={styles.actionMessage} onPress={handleActionMessage}>
-                {noNames
-                  ? t('accounts.icns.buyICNS')
-                  : t('accounts.icns.learnMore')}
+                {noNames ? t('accounts.icns.buyICNS') : t('common.learnMore')}
               </Text>
               {noNames && t('accounts.icns.proceed')}
             </Text>
diff --git a/src/screens/tabs/Tokens/components/AddToken/index.tsx b/src/screens/tabs/Tokens/components/AddToken/index.tsx
index f8e47ed5..07b15d68 100644
--- a/src/screens/tabs/Tokens/components/AddToken/index.tsx
+++ b/src/screens/tabs/Tokens/components/AddToken/index.tsx
@@ -1,15 +1,18 @@
+import { t } from 'i18next';
 import React, { useCallback, useRef } from 'react';
-import { Image } from 'react-native';
 import { Modalize } from 'react-native-modalize';
 
-import { Modal, Touchable } from '@/components/common';
-import animationScales from '@/utils/animationScales';
+import ScrollableButton from '@/components/buttons/ScrollableButton';
+import { Modal } from '@/components/common';
 
-import Add from './assets/Add.png';
 import useSteps from './hooks/useSteps';
 import styles from './styles';
 
-export function AddToken() {
+interface Props {
+  scrollPosition: number;
+}
+
+export function AddToken({ scrollPosition }: Props) {
   const modalRef = useRef<Modalize>(null);
 
   const handleModalClose = useCallback(() => {
@@ -20,12 +23,13 @@ export function AddToken() {
 
   return (
     <>
-      <Touchable
+      <ScrollableButton
+        textWidth={82}
+        text={t('addToken.title')}
+        scrollPosition={scrollPosition}
         onPress={() => modalRef?.current?.open()}
-        scale={animationScales.medium}
-        style={styles.buttonContainer}>
-        <Image source={Add} />
-      </Touchable>
+        buttonStyle={styles.buttonContainer}
+      />
       <Modal
         modalRef={modalRef}
         disableScrollIfPossible={false}
diff --git a/src/screens/tabs/Tokens/components/AddToken/steps/CustomToken/index.tsx b/src/screens/tabs/Tokens/components/AddToken/steps/CustomToken/index.tsx
index 619928f1..59212a6c 100644
--- a/src/screens/tabs/Tokens/components/AddToken/steps/CustomToken/index.tsx
+++ b/src/screens/tabs/Tokens/components/AddToken/steps/CustomToken/index.tsx
@@ -51,7 +51,7 @@ function CustomToken({ modalRef, onSelectedToken }: Props) {
           {`${message} `}
           {showMore && (
             <Text style={styles.errorLink} onPress={handleLinkPress}>
-              {t('addToken.learnMore')}
+              {t('common.learnMore')}
             </Text>
           )}
         </Text>
diff --git a/src/screens/tabs/Tokens/components/AddToken/styles.ts b/src/screens/tabs/Tokens/components/AddToken/styles.ts
index 37112e64..41b92be2 100644
--- a/src/screens/tabs/Tokens/components/AddToken/styles.ts
+++ b/src/screens/tabs/Tokens/components/AddToken/styles.ts
@@ -6,7 +6,7 @@ export default StyleSheet.create({
   buttonContainer: {
     position: 'absolute',
     bottom: 16,
-    right: 20,
+    right: 14,
     borderRadius: 100,
   },
   title: {
diff --git a/src/screens/tabs/Tokens/index.js b/src/screens/tabs/Tokens/index.js
index 3058f42d..9ee5fa39 100644
--- a/src/screens/tabs/Tokens/index.js
+++ b/src/screens/tabs/Tokens/index.js
@@ -4,6 +4,7 @@ import { t } from 'i18next';
 import React, { useMemo, useRef, useState } from 'react';
 import { Alert, RefreshControl, ScrollView } from 'react-native';
 
+import useScrollHanlder from '@/components/buttons/ScrollableButton/hooks/useScrollHandler';
 import { ActionSheet, ErrorState, Text } from '@/components/common';
 import TokenItem from '@/components/tokens/TokenItem';
 import { ERROR_TYPES } from '@/constants/general';
@@ -27,6 +28,7 @@ function Tokens() {
     state => state.user
   );
   const [selectedToken, setSelectedToken] = useState(null);
+  const { handleOnScroll, scrollPosition } = useScrollHanlder();
 
   const sendRef = useRef(null);
   const actionsRef = useRef(null);
@@ -114,10 +116,12 @@ function Tokens() {
       {!assetsError ? (
         <>
           <ScrollView
+            bounces={false}
             showsVerticalScrollIndicator={false}
             overScrollMode="never"
             contentContainerStyle={styles.scrollContent}
             ref={listRef}
+            onScroll={handleOnScroll}
             refreshing={assetsLoading}
             refreshControl={
               <RefreshControl
@@ -135,7 +139,7 @@ function Tokens() {
               />
             ))}
           </ScrollView>
-          <AddToken />
+          <AddToken scrollPosition={scrollPosition} />
         </>
       ) : (
         <ErrorState
diff --git a/src/translations/en/index.js b/src/translations/en/index.js
index ead16c9e..926ca585 100644
--- a/src/translations/en/index.js
+++ b/src/translations/en/index.js
@@ -32,6 +32,7 @@ const translations = {
     the: 'The',
     enterPassword: 'Enter Password',
     importWallet: 'Import Wallet',
+    learnMore: 'Learn More',
   },
   routes: {
     [Routes.NFTS]: 'Collectibles',
@@ -190,7 +191,6 @@ const translations = {
     icns: {
       setICNS: 'Choose ICNS Name',
       none: 'None',
-      learnMore: 'Learn More',
       emptyState:
         'We weren’t able to find any ICNS names in your Plug account. ',
       buyICNS: 'Buy an ICNS name',
@@ -288,7 +288,6 @@ const translations = {
       'Invalid token’s standard. Select a valid option for the current canister ID.',
     invalidCanisterTokenError: 'Invalid Canister ID.',
     nftTokenError: 'Custom non-fungible tokens are not supported yet.',
-    learnMore: 'Learn More',
     poweredByDab: 'POWERED BY DAB',
   },
   walletConnect: {
@@ -314,7 +313,6 @@ const translations = {
     unsafeDappName: 'Unknown DApp',
     unknown: 'Unknown',
     unknownArguments: 'Unknown arguments',
-    learnMore: 'Learn More',
   },
   deleteWallet: {
     title: 'Delete Wallet',
@@ -347,6 +345,29 @@ const translations = {
     selectAccount:
       "Select the account you would like to export it's DFX Identity.",
   },
+  addCollection: {
+    customCollectionId: 'Collection Canister ID',
+    customCollectionStandard: 'Collection Interface Standard',
+    customCollection: 'Custom Collection',
+    customCaption: 'This allows Collectibles to be used by Plug',
+    title: 'Add Collection',
+    noName: 'Unable to load name',
+    invalidCanisterId: 'Invalid canister ID. ',
+    canisterNotCompatible:
+      'Canister Id not compatible with {{standard}}. Please, try again.',
+    safetyAlert:
+      'Collection Safety Alert: For your security, make sure to do proper research before interacting with any Collections.',
+    errorToastTitle: 'Error Adding Custom Collection',
+    errorToastMessage:
+      'There was an unexpected error while trying to add a custom collection. Please try again later.',
+    infoToastTitle: 'Custom Collection Already Added',
+    infoToastMessage:
+      'You’ve added this collection before. Remember, you need to own items from {{name}} to be able to access it.',
+    successToastTitle: 'Custom Collection Successfully Added',
+    successToastMessage:
+      'You’ll only be able to access the collection if own items from it.',
+    unknownCollection: 'unknown collection',
+  },
 };
 
 export default translations;
diff --git a/yarn.lock b/yarn.lock
index 7fbb85c4..fc4ed224 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1777,10 +1777,10 @@
     cross-fetch "^3.1.4"
     crypto-js "^4.1.1"
 
-"@psychedelic/dab-js@1.5.0-beta.1":
-  version "1.5.0-beta.1"
-  resolved "https://npm.pkg.github.com/download/@Psychedelic/dab-js/1.5.0-beta.1/306e2bb10491927995a3a22f25cd2ca9fd40990e#306e2bb10491927995a3a22f25cd2ca9fd40990e"
-  integrity sha512-p7GEh++Fv8U1SIYdqjxLLNy3I8fjoEF+lrXsHHKxcFuKpINxWkfWmUxLnjS6rytY+VuovrDEISFD4Tz0QHD2DQ==
+"@psychedelic/dab-js@1.5.0-beta.4":
+  version "1.5.0-beta.4"
+  resolved "https://npm.pkg.github.com/download/@Psychedelic/dab-js/1.5.0-beta.4/efd377970c28a917a93e933a96cbf0013d3c5a61#efd377970c28a917a93e933a96cbf0013d3c5a61"
+  integrity sha512-A5AKfXUyu7OLJwyv9hT7dVp6zZ01F/QKnLCu4yc7/KpbxQ8V7CvVYp6Jap5Ig06tGYz/XJu2HDLMUxrrIogWxg==
   dependencies:
     "@dfinity/agent" "0.9.3"
     "@dfinity/candid" "0.9.3"
@@ -1791,17 +1791,17 @@
     cross-fetch "^3.1.4"
     crypto-js "^4.1.1"
 
-"@psychedelic/plug-controller@0.24.5":
-  version "0.24.5"
-  resolved "https://npm.pkg.github.com/download/@Psychedelic/plug-controller/0.24.5/a0a8f11fc13a81626297f03e25a16b43e6010742#a0a8f11fc13a81626297f03e25a16b43e6010742"
-  integrity sha512-du6M8VkVLxVDWiwisRxv941Xy3FJMeLVZF2d09v+GU56eoZ31s9D/Ch5P8TrACoTVAo3UJGHEoMkHFN45ihoHA==
+"@psychedelic/plug-controller@0.24.9":
+  version "0.24.9"
+  resolved "https://npm.pkg.github.com/download/@Psychedelic/plug-controller/0.24.9/ef37d22d00554de71b00782dbd7a440c2c9ee6f6#ef37d22d00554de71b00782dbd7a440c2c9ee6f6"
+  integrity sha512-PJd5oN+b30VOkjfge6sIqpN9K2w9Xawcc2Tw+ByAXIpLFNVUPOmcOm2LOuMgPo++xtlqAonGsDAGqQ4KUq/4Zw==
   dependencies:
     "@dfinity/agent" "0.9.3"
     "@dfinity/candid" "0.9.3"
     "@dfinity/identity" "0.9.3"
     "@dfinity/principal" "0.9.3"
     "@psychedelic/cap-js" "0.0.7"
-    "@psychedelic/dab-js" "1.5.0-beta.1"
+    "@psychedelic/dab-js" "1.5.0-beta.4"
     "@types/secp256k1" "^4.0.3"
     axios "^0.21.1"
     babel-jest "^25.5.1"