diff --git a/CHANGELOG.md b/CHANGELOG.md
index dec53b4fbd..0c03027071 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,4 +8,6 @@
 
 * Fixed bug with displaying incorrect default settings tab.
 
-* Fixed LoadingPanel useEffect bug.
\ No newline at end of file
+* Labels for unregistered and duplicate usernames with modals
+
+* Fixed LoadingPanel useEffect bug.
diff --git a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/after launch-actual.png b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/after launch-actual.png
index 9c735a75ac..50419601d9 100644
Binary files a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/after launch-actual.png and b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/after launch-actual.png differ
diff --git a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/after pagedown-actual.png b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/after pagedown-actual.png
new file mode 100644
index 0000000000..dcdd8c05eb
Binary files /dev/null and b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/after pagedown-actual.png differ
diff --git a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/after pageup-actual.png b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/after pageup-actual.png
new file mode 100644
index 0000000000..63b66019c1
Binary files /dev/null and b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/after pageup-actual.png differ
diff --git a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/message input words wrapping-actual.png b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/message input words wrapping-actual.png
new file mode 100644
index 0000000000..39d774aa67
Binary files /dev/null and b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/message input words wrapping-actual.png differ
diff --git a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/message input words wrapping-base.png b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/message input words wrapping-base.png
deleted file mode 100644
index 199d3f83f1..0000000000
Binary files a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/message input words wrapping-base.png and /dev/null differ
diff --git a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the middle-actual.png b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the middle-actual.png
index 48450c36cf..0b09d07052 100644
Binary files a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the middle-actual.png and b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the middle-actual.png differ
diff --git a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the top-actual.png b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the top-actual.png
index 31e4da3488..80033ad5d9 100644
Binary files a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the top-actual.png and b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the top-actual.png differ
diff --git a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after enter-actual.png b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after enter-actual.png
index 56108c2069..5022f8c990 100644
Binary files a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after enter-actual.png and b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after enter-actual.png differ
diff --git a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after scroll-actual.png b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after scroll-actual.png
index 0e680505d2..e10e5ac55e 100644
Binary files a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after scroll-actual.png and b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after scroll-actual.png differ
diff --git a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after top scroll-actual.png b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after top scroll-actual.png
index 80ddbec3cd..eed4002d68 100644
Binary files a/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after top scroll-actual.png and b/packages/desktop/cypress/snapshots/base-local/src/renderer/components/Channel/Channel.regression.cy.tsx/send after top scroll-actual.png differ
diff --git a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after launch-base.png b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after launch-base.png
index 39a4223081..230d7043d8 100644
Binary files a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after launch-base.png and b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after launch-base.png differ
diff --git a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after pagedown-base.png b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after pagedown-base.png
index 36ff3978cb..d025ced0d6 100644
Binary files a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after pagedown-base.png and b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after pagedown-base.png differ
diff --git a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after pageup-base.png b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after pageup-base.png
index d60225e424..a0e8ab49ca 100644
Binary files a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after pageup-base.png and b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/after pageup-base.png differ
diff --git a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the middle-base.png b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the middle-base.png
index ce986ee567..3f9754f1c7 100644
Binary files a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the middle-base.png and b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the middle-base.png differ
diff --git a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the top-base.png b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the top-base.png
index 5abdb9e498..e3aa07216c 100644
Binary files a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the top-base.png and b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/scroll to the top-base.png differ
diff --git a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after enter-base.png b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after enter-base.png
index feafae5789..197bbb0b94 100644
Binary files a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after enter-base.png and b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after enter-base.png differ
diff --git a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after scroll-base.png b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after scroll-base.png
index b0c2ee2b81..a9fde74be7 100644
Binary files a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after scroll-base.png and b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after scroll-base.png differ
diff --git a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after top scroll-base.png b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after top scroll-base.png
index b65083c721..df0b76c7ae 100644
Binary files a/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after top scroll-base.png and b/packages/desktop/cypress/snapshots/base/src/renderer/components/Channel/Channel.regression.cy.tsx/send after top scroll-base.png differ
diff --git a/packages/desktop/src/renderer/Root.tsx b/packages/desktop/src/renderer/Root.tsx
index 913bf1db54..8717893233 100644
--- a/packages/desktop/src/renderer/Root.tsx
+++ b/packages/desktop/src/renderer/Root.tsx
@@ -29,6 +29,8 @@ import { ChannelContextMenu } from './components/ContextMenu/menus/ChannelContex
 import { DeleteChannel } from './components/Channel/DeleteChannel/DeleteChannel'
 import ChannelCreationModal from './components/ChannelCreationModal/ChannelCreationModal'
 import { SaveStateComponent } from './components/SaveState/SaveStateComponent'
+import UnregisteredModalContainer from './components/widgets/userLabel/unregistered/UnregisteredModal.container'
+import DuplicateModalContainer from './components/widgets/userLabel/duplicate/DuplicateModal.container'
 // Trigger lerna
 
 export const persistor = persistStore(store)
@@ -42,6 +44,8 @@ export default () => {
               <PersistGate loading={null} persistor={persistor}>
                 <SentryWarning />
                 <WarningModal />
+                <UnregisteredModalContainer />
+                <DuplicateModalContainer />
                 <SearchModal />
                 <ErrorModal />
                 <LoadingPanel />
diff --git a/packages/desktop/src/renderer/components/Channel/Channel.stories.cy.tsx b/packages/desktop/src/renderer/components/Channel/Channel.stories.cy.tsx
index d06ec15c28..4a6ea0d6f9 100644
--- a/packages/desktop/src/renderer/components/Channel/Channel.stories.cy.tsx
+++ b/packages/desktop/src/renderer/components/Channel/Channel.stories.cy.tsx
@@ -11,6 +11,7 @@ import { HTML5Backend } from 'react-dnd-html5-backend'
 import { DisplayableMessage } from '@quiet/types'
 
 import ChannelComponent from './ChannelComponent'
+import { payloadDuplicated, payloadUnregistered } from '../widgets/userLabel/UserLabel.types'
 
 const Template: ComponentStory<typeof ChannelComponent> = () => {
   const [messages, setMessages] = useState<{
@@ -28,7 +29,7 @@ const Template: ComponentStory<typeof ChannelComponent> = () => {
       message: message,
       createdAt: 0,
       date: '12:46',
-      nickname: 'vader'
+      nickname: 'vader',
     }
     const _messages = mock_messages(_message)
     setMessages(_messages)
@@ -48,23 +49,23 @@ const Template: ComponentStory<typeof ChannelComponent> = () => {
             createdAt: 0,
             channelId: 'general',
             signature: 'signature',
-            pubKey: 'pubKey'
+            pubKey: 'pubKey',
           }}
           user={{
             id: 'id',
             nickname: 'vader',
             hiddenService: {
               onionAddress: 'onionAddress',
-              privateKey: 'privateKey'
+              privateKey: 'privateKey',
             },
             peerId: {
               id: 'id',
               privKey: 'privKey',
-              pubKey: 'pubKey'
+              pubKey: 'pubKey',
             },
             dmKeys: {
               publicKey: 'publicKey',
-              privateKey: 'privateKey'
+              privateKey: 'privateKey',
             },
             userCsr: {
               userCsr: 'userCsr',
@@ -72,18 +73,18 @@ const Template: ComponentStory<typeof ChannelComponent> = () => {
               pkcs10: {
                 publicKey: 'publicKey',
                 privateKey: 'privateKey',
-                pkcs10: 'pkcs10'
-              }
+                pkcs10: 'pkcs10',
+              },
             },
             userCertificate: 'userCertificate',
-            joinTimestamp: null
+            joinTimestamp: null,
           }}
           isCommunityInitialized={true}
           uploadedFileModal={{
             open: false,
             handleOpen: function (_args?: any): any {},
             handleClose: function (): any {},
-            src: 'images/butterfly.jpeg'
+            src: 'images/butterfly.jpeg',
           }}
           channelId={'general'}
           channelName={'general'}
@@ -107,6 +108,8 @@ const Template: ComponentStory<typeof ChannelComponent> = () => {
           handleClipboardFiles={function (arg: ArrayBuffer, ext: string, name: string): void {
             throw new Error('Function not implemented.')
           }}
+          duplicatedUsernameModalHandleOpen={() => payloadDuplicated}
+          unregisteredUsernameModalHandleOpen={() => payloadUnregistered}
         />
       </DndProvider>
     </>
@@ -118,7 +121,7 @@ export const Component = Template.bind({})
 const component: ComponentMeta<typeof ChannelComponent> = {
   title: 'Components/ChannelComponentCypress',
   decorators: [withTheme],
-  component: ChannelComponent
+  component: ChannelComponent,
 }
 
 export default component
diff --git a/packages/desktop/src/renderer/components/Channel/Channel.tsx b/packages/desktop/src/renderer/components/Channel/Channel.tsx
index b4235ac7c1..df69e07268 100644
--- a/packages/desktop/src/renderer/components/Channel/Channel.tsx
+++ b/packages/desktop/src/renderer/components/Channel/Channel.tsx
@@ -55,6 +55,8 @@ const Channel = () => {
   const pendingMessages = useSelector(messages.selectors.messagesSendingStatus)
 
   const uploadedFileModal = useModal<{ src: string }>(ModalName.uploadedFileModal)
+  const { handleOpen: duplicatedUsernameModalHandleOpen } = useModal(ModalName.duplicatedUsernameModal)
+  const { handleOpen: unregisteredUsernameModalHandleOpen } = useModal(ModalName.unregisteredUsernameModal)
 
   const [uploadingFiles, setUploadingFiles] = React.useState<FilePreviewData>({})
 
@@ -220,6 +222,8 @@ const Channel = () => {
     openContextMenu: openContextMenu,
     enableContextMenu: enableContextMenu,
     pendingGeneralChannelRecreation: pendingGeneralChannelRecreation,
+    unregisteredUsernameModalHandleOpen,
+    duplicatedUsernameModalHandleOpen,
   }
 
   const uploadFilesPreviewProps: UploadFilesPreviewsProps = {
diff --git a/packages/desktop/src/renderer/components/Channel/ChannelComponent.tsx b/packages/desktop/src/renderer/components/Channel/ChannelComponent.tsx
index 6cc17b0079..6924e53c7c 100644
--- a/packages/desktop/src/renderer/components/Channel/ChannelComponent.tsx
+++ b/packages/desktop/src/renderer/components/Channel/ChannelComponent.tsx
@@ -25,6 +25,7 @@ import { NewMessagesInfoComponent } from './NewMessagesInfo/NewMessagesInfoCompo
 
 import { FileActionsProps } from './File/FileComponent/FileComponent'
 import { UseModalType } from '../../containers/hooks'
+import { HandleOpenModalType } from '../widgets/userLabel/UserLabel.types'
 
 const ChannelMessagesWrapperStyled = styled(Grid)(({ theme }) => ({
   position: 'relative',
@@ -57,6 +58,8 @@ export interface ChannelComponentProps {
   openContextMenu?: () => void
   enableContextMenu?: boolean
   pendingGeneralChannelRecreation: boolean
+  unregisteredUsernameModalHandleOpen: HandleOpenModalType
+  duplicatedUsernameModalHandleOpen: HandleOpenModalType
 }
 
 const enum ScrollPosition {
@@ -90,6 +93,8 @@ export const ChannelComponent: React.FC<ChannelComponentProps & UploadFilesPrevi
   openContextMenu,
   enableContextMenu = false,
   pendingGeneralChannelRecreation,
+  unregisteredUsernameModalHandleOpen,
+  duplicatedUsernameModalHandleOpen,
 }) => {
   const [lastSeenMessage, setLastSeenMessage] = useState<string>()
   const [newMessagesInfo, setNewMessagesInfo] = useState<boolean>(false)
@@ -232,6 +237,8 @@ export const ChannelComponent: React.FC<ChannelComponentProps & UploadFilesPrevi
             cancelDownload={cancelDownload}
             onMathMessageRendered={updateMathMessagesRendered}
             pendingGeneralChannelRecreation={pendingGeneralChannelRecreation}
+            unregisteredUsernameModalHandleOpen={unregisteredUsernameModalHandleOpen}
+            duplicatedUsernameModalHandleOpen={duplicatedUsernameModalHandleOpen}
           />
         </ChannelMessagesWrapperStyled>
         <Grid item>
diff --git a/packages/desktop/src/renderer/components/widgets/channels/BasicMessage.test.tsx b/packages/desktop/src/renderer/components/widgets/channels/BasicMessage.test.tsx
index dcbee412d0..5ea510e3df 100644
--- a/packages/desktop/src/renderer/components/widgets/channels/BasicMessage.test.tsx
+++ b/packages/desktop/src/renderer/components/widgets/channels/BasicMessage.test.tsx
@@ -19,7 +19,12 @@ describe('BasicMessage', () => {
     const result = renderComponent(
       <HashRouter>
         <Provider store={store}>
-          <BasicMessageComponent messages={messages} openUrl={jest.fn()} />
+          <BasicMessageComponent
+            duplicatedUsernameModalHandleOpen={jest.fn()}
+            unregisteredUsernameModalHandleOpen={jest.fn()}
+            messages={messages}
+            openUrl={jest.fn()}
+          />
         </Provider>
       </HashRouter>
     )
@@ -27,7 +32,7 @@ describe('BasicMessage', () => {
       <body>
         <div>
           <li
-            class="MuiListItem-root MuiListItem-gutters MuiListItem-padding BasicMessageComponentwrapper css-16u9k9h-MuiListItem-root"
+            class="MuiListItem-root MuiListItem-gutters MuiListItem-padding BasicMessageComponentwrapper css-13gdcvl-MuiListItem-root"
           >
             <div
               class="MuiListItemText-root BasicMessageComponentmessageCard css-tlelie-MuiListItemText-root"
@@ -48,10 +53,10 @@ describe('BasicMessage', () => {
                   class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                 >
                   <div
-                    class="MuiGrid-root MuiGrid-container MuiGrid-item css-9pwih8-MuiGrid-root"
+                    class="MuiGrid-root MuiGrid-container MuiGrid-item css-89gxc5-MuiGrid-root"
                   >
                     <div
-                      class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-grid-xs-true css-1unmp8r-MuiGrid-root"
+                      class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-grid-xs-true css-181g0at-MuiGrid-root"
                     >
                       <div
                         class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
@@ -102,7 +107,12 @@ describe('BasicMessage', () => {
     const result = renderComponent(
       <HashRouter>
         <Provider store={store}>
-          <BasicMessageComponent messages={messages} openUrl={jest.fn()} />
+          <BasicMessageComponent
+            duplicatedUsernameModalHandleOpen={jest.fn()}
+            unregisteredUsernameModalHandleOpen={jest.fn()}
+            messages={messages}
+            openUrl={jest.fn()}
+          />
         </Provider>
       </HashRouter>
     )
@@ -110,7 +120,7 @@ describe('BasicMessage', () => {
       <body>
         <div>
           <li
-            class="MuiListItem-root MuiListItem-gutters MuiListItem-padding BasicMessageComponentwrapper css-16u9k9h-MuiListItem-root"
+            class="MuiListItem-root MuiListItem-gutters MuiListItem-padding BasicMessageComponentwrapper css-13gdcvl-MuiListItem-root"
           >
             <div
               class="MuiListItemText-root BasicMessageComponentmessageCard css-tlelie-MuiListItemText-root"
@@ -131,10 +141,10 @@ describe('BasicMessage', () => {
                   class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                 >
                   <div
-                    class="MuiGrid-root MuiGrid-container MuiGrid-item css-9pwih8-MuiGrid-root"
+                    class="MuiGrid-root MuiGrid-container MuiGrid-item css-89gxc5-MuiGrid-root"
                   >
                     <div
-                      class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-grid-xs-true css-1unmp8r-MuiGrid-root"
+                      class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-grid-xs-true css-181g0at-MuiGrid-root"
                     >
                       <div
                         class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
@@ -195,7 +205,12 @@ describe('BasicMessage', () => {
     const result = renderComponent(
       <HashRouter>
         <Provider store={store}>
-          <BasicMessageComponent messages={messages} openUrl={jest.fn()} />
+          <BasicMessageComponent
+            duplicatedUsernameModalHandleOpen={jest.fn()}
+            unregisteredUsernameModalHandleOpen={jest.fn()}
+            messages={messages}
+            openUrl={jest.fn()}
+          />
         </Provider>
       </HashRouter>
     )
@@ -203,7 +218,7 @@ describe('BasicMessage', () => {
       <body>
         <div>
           <li
-            class="MuiListItem-root MuiListItem-gutters MuiListItem-padding  css-16u9k9h-MuiListItem-root"
+            class="MuiListItem-root MuiListItem-gutters MuiListItem-padding  css-13gdcvl-MuiListItem-root"
           >
             <div
               class="MuiListItemText-root BasicMessageComponentmessageCard css-tlelie-MuiListItemText-root"
@@ -227,10 +242,10 @@ describe('BasicMessage', () => {
                   class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                 >
                   <div
-                    class="MuiGrid-root MuiGrid-container MuiGrid-item css-9pwih8-MuiGrid-root"
+                    class="MuiGrid-root MuiGrid-container MuiGrid-item css-89gxc5-MuiGrid-root"
                   >
                     <div
-                      class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-grid-xs-true css-1unmp8r-MuiGrid-root"
+                      class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-grid-xs-true css-181g0at-MuiGrid-root"
                     >
                       <div
                         class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
@@ -292,7 +307,12 @@ describe('BasicMessage', () => {
     const result = renderComponent(
       <HashRouter>
         <Provider store={store}>
-          <BasicMessageComponent messages={[...message1, ...message2]} openUrl={jest.fn()} />
+          <BasicMessageComponent
+            duplicatedUsernameModalHandleOpen={jest.fn()}
+            unregisteredUsernameModalHandleOpen={jest.fn()}
+            messages={[...message1, ...message2]}
+            openUrl={jest.fn()}
+          />
         </Provider>
       </HashRouter>
     )
@@ -300,7 +320,7 @@ describe('BasicMessage', () => {
       <body>
         <div>
           <li
-            class="MuiListItem-root MuiListItem-gutters MuiListItem-padding BasicMessageComponentwrapper css-16u9k9h-MuiListItem-root"
+            class="MuiListItem-root MuiListItem-gutters MuiListItem-padding BasicMessageComponentwrapper css-13gdcvl-MuiListItem-root"
           >
             <div
               class="MuiListItemText-root BasicMessageComponentmessageCard css-tlelie-MuiListItemText-root"
@@ -321,10 +341,10 @@ describe('BasicMessage', () => {
                   class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                 >
                   <div
-                    class="MuiGrid-root MuiGrid-container MuiGrid-item css-9pwih8-MuiGrid-root"
+                    class="MuiGrid-root MuiGrid-container MuiGrid-item css-89gxc5-MuiGrid-root"
                   >
                     <div
-                      class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-grid-xs-true css-1unmp8r-MuiGrid-root"
+                      class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-grid-xs-true css-181g0at-MuiGrid-root"
                     >
                       <div
                         class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
diff --git a/packages/desktop/src/renderer/components/widgets/channels/BasicMessage.tsx b/packages/desktop/src/renderer/components/widgets/channels/BasicMessage.tsx
index 909dc90c92..0ca8a6ba04 100644
--- a/packages/desktop/src/renderer/components/widgets/channels/BasicMessage.tsx
+++ b/packages/desktop/src/renderer/components/widgets/channels/BasicMessage.tsx
@@ -21,6 +21,8 @@ import information from '../../../static/images/updateIcon.svg'
 
 import Icon from '../../ui/Icon/Icon'
 import { UseModalType } from '../../../containers/hooks'
+import { HandleOpenModalType, UserLabelType } from '../userLabel/UserLabel.types'
+import UserLabel from '../userLabel/UserLabel.component'
 
 const PREFIX = 'BasicMessageComponent'
 
@@ -90,8 +92,8 @@ const StyledListItem = styled(ListItem)(({ theme }) => ({
   },
 
   [`& .${classes.avatar}`]: {
-    minHeight: 36,
-    minWidth: 36,
+    minHeight: 40,
+    minWidth: 40,
     marginRight: 10,
     marginBottom: 4,
     borderRadius: 4,
@@ -101,8 +103,8 @@ const StyledListItem = styled(ListItem)(({ theme }) => ({
   [`& .${classes.alignAvatar}`]: {
     marginTop: 2,
     marginLeft: 2,
-    width: 32,
-    height: 32,
+    width: 38,
+    height: 38,
   },
 
   [`& .${classes.moderation}`]: {
@@ -113,8 +115,7 @@ const StyledListItem = styled(ListItem)(({ theme }) => ({
   [`& .${classes.time}`]: {
     color: theme.palette.colors.lightGray,
     fontSize: 14,
-    marginTop: -4,
-    marginRight: 5,
+    marginTop: -2,
   },
 
   [`& .${classes.iconBox}`]: {
@@ -130,7 +131,7 @@ const StyledListItem = styled(ListItem)(({ theme }) => ({
   },
 
   [`& .${classes.infoIcon}`]: {
-    width: 32,
+    width: 38,
   },
 }))
 
@@ -151,6 +152,9 @@ export interface BasicMessageProps {
     src: string
   }>
   onMathMessageRendered?: () => void
+  userLabel?: UserLabelType
+  unregisteredUsernameModalHandleOpen: HandleOpenModalType
+  duplicatedUsernameModalHandleOpen: HandleOpenModalType
 }
 
 export const BasicMessageComponent: React.FC<BasicMessageProps & FileActionsProps> = ({
@@ -163,6 +167,9 @@ export const BasicMessageComponent: React.FC<BasicMessageProps & FileActionsProp
   openContainingFolder,
   downloadFile,
   cancelDownload,
+  unregisteredUsernameModalHandleOpen,
+  duplicatedUsernameModalHandleOpen,
+  userLabel = null,
 }) => {
   const messageDisplayData = messages[0]
 
@@ -189,13 +196,13 @@ export const BasicMessageComponent: React.FC<BasicMessageProps & FileActionsProp
                 {infoMessage ? (
                   <Icon src={information} className={classes.infoIcon} />
                 ) : (
-                  <Jdenticon size='32' value={messageDisplayData.nickname} />
+                  <Jdenticon size='36' value={messageDisplayData.nickname} />
                 )}
               </div>
             </Grid>
             <Grid container item direction='row'>
-              <Grid container item direction='row' justifyContent='space-between'>
-                <Grid container item xs alignItems='flex-start' wrap='nowrap'>
+              <Grid container item direction='row' justifyContent='space-between' alignItems='center'>
+                <Grid container item xs alignItems='center' wrap='nowrap'>
                   <Grid item>
                     <Typography
                       color='textPrimary'
@@ -207,6 +214,16 @@ export const BasicMessageComponent: React.FC<BasicMessageProps & FileActionsProp
                       {infoMessage ? 'Quiet' : messageDisplayData.nickname}
                     </Typography>
                   </Grid>
+                  {userLabel && (
+                    <Grid>
+                      <UserLabel
+                        username={messageDisplayData.nickname}
+                        type={userLabel}
+                        unregisteredUsernameModalHandleOpen={unregisteredUsernameModalHandleOpen}
+                        duplicatedUsernameModalHandleOpen={duplicatedUsernameModalHandleOpen}
+                      />
+                    </Grid>
+                  )}
                   {status !== 'failed' && (
                     <Grid item>
                       <Typography
diff --git a/packages/desktop/src/renderer/components/widgets/channels/ChannelMessages.test.tsx b/packages/desktop/src/renderer/components/widgets/channels/ChannelMessages.test.tsx
index 219e7c3962..bec2c37283 100644
--- a/packages/desktop/src/renderer/components/widgets/channels/ChannelMessages.test.tsx
+++ b/packages/desktop/src/renderer/components/widgets/channels/ChannelMessages.test.tsx
@@ -30,6 +30,8 @@ describe('ChannelMessages', () => {
 
     const result = renderComponent(
       <ChannelMessagesComponent
+        duplicatedUsernameModalHandleOpen={jest.fn()}
+        unregisteredUsernameModalHandleOpen={jest.fn()}
         messages={messages}
         scrollbarRef={React.createRef()}
         onScroll={jest.fn()}
@@ -78,7 +80,7 @@ describe('ChannelMessages', () => {
                   </div>
                 </div>
                 <li
-                  class="MuiListItem-root MuiListItem-gutters MuiListItem-padding BasicMessageComponentwrapper css-16u9k9h-MuiListItem-root"
+                  class="MuiListItem-root MuiListItem-gutters MuiListItem-padding BasicMessageComponentwrapper css-13gdcvl-MuiListItem-root"
                 >
                   <div
                     class="MuiListItemText-root BasicMessageComponentmessageCard css-tlelie-MuiListItemText-root"
@@ -99,10 +101,10 @@ describe('ChannelMessages', () => {
                         class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                       >
                         <div
-                          class="MuiGrid-root MuiGrid-container MuiGrid-item css-9pwih8-MuiGrid-root"
+                          class="MuiGrid-root MuiGrid-container MuiGrid-item css-89gxc5-MuiGrid-root"
                         >
                           <div
-                            class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-grid-xs-true css-1unmp8r-MuiGrid-root"
+                            class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-grid-xs-true css-181g0at-MuiGrid-root"
                           >
                             <div
                               class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
diff --git a/packages/desktop/src/renderer/components/widgets/channels/ChannelMessages.tsx b/packages/desktop/src/renderer/components/widgets/channels/ChannelMessages.tsx
index 70ed09fc8e..b2277f4c5e 100644
--- a/packages/desktop/src/renderer/components/widgets/channels/ChannelMessages.tsx
+++ b/packages/desktop/src/renderer/components/widgets/channels/ChannelMessages.tsx
@@ -13,6 +13,7 @@ import { DownloadStatus, MessagesDailyGroups, MessageSendingStatus } from '@quie
 import { UseModalType } from '../../../containers/hooks'
 
 import { FileActionsProps } from '../../Channel/File/FileComponent/FileComponent'
+import { HandleOpenModalType, UserLabelType } from '../userLabel/UserLabel.types'
 
 const PREFIX = 'ChannelMessagesComponent'
 
@@ -81,6 +82,8 @@ export interface IChannelMessagesProps {
   }>
   onMathMessageRendered?: () => void
   pendingGeneralChannelRecreation?: boolean
+  unregisteredUsernameModalHandleOpen: HandleOpenModalType
+  duplicatedUsernameModalHandleOpen: HandleOpenModalType
 }
 
 export const ChannelMessagesComponent: React.FC<IChannelMessagesProps & FileActionsProps> = ({
@@ -96,6 +99,8 @@ export const ChannelMessagesComponent: React.FC<IChannelMessagesProps & FileActi
   cancelDownload,
   onMathMessageRendered,
   pendingGeneralChannelRecreation = false,
+  unregisteredUsernameModalHandleOpen,
+  duplicatedUsernameModalHandleOpen,
 }) => {
   const spinnerMessage = pendingGeneralChannelRecreation ? deletingChannelMessage : fetchingChannelMessagesText
   const listRef = useRef<HTMLUListElement>(null)
@@ -152,6 +157,8 @@ export const ChannelMessagesComponent: React.FC<IChannelMessagesProps & FileActi
                     downloadFile={downloadFile}
                     cancelDownload={cancelDownload}
                     onMathMessageRendered={onMathMessageRendered}
+                    unregisteredUsernameModalHandleOpen={unregisteredUsernameModalHandleOpen}
+                    duplicatedUsernameModalHandleOpen={duplicatedUsernameModalHandleOpen}
                   />
                 )
               })}
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.component.tsx b/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.component.tsx
new file mode 100644
index 0000000000..97cdea0b35
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.component.tsx
@@ -0,0 +1,91 @@
+import React from 'react'
+import { styled } from '@mui/material/styles'
+import Grid from '@mui/material/Grid'
+import Typography from '@mui/material/Typography'
+import classNames from 'classnames'
+import WarnIcon from '../../../static/images/warning-icon.svg'
+import { HandleOpenModalType, UserLabelType } from './UserLabel.types'
+
+const PREFIX = 'UserLabel-'
+
+const classes = {
+  messageCard: `${PREFIX}messageCard`,
+  textWhite: `${PREFIX}textWhite`,
+  textBlack: `${PREFIX}textBlack`,
+  wrapper: `${PREFIX}wrapper`,
+  wrapperRed: `${PREFIX}wrapperRed`,
+  wrapperGray: `${PREFIX}wrapperGray`,
+  image: `${PREFIX}image`,
+}
+
+const StyledGrid = styled(Grid)(({ theme }) => ({
+  margin: '-4px 8px 0 4px',
+  [`& .${classes.wrapper}`]: {
+    padding: '1px 6px',
+    borderRadius: '8px',
+    cursor: 'pointer',
+  },
+  [`& .${classes.wrapperGray}`]: {
+    backgroundColor: theme.palette.colors.gray03,
+  },
+  [`& .${classes.wrapperRed}`]: {
+    backgroundColor: theme.palette.colors.error,
+  },
+  [`& .${classes.textWhite}`]: {
+    color: 'white',
+  },
+  [`& .${classes.textBlack}`]: {
+    color: 'black',
+  },
+  [`& .${classes.image}`]: {
+    width: '12px',
+    height: '12px',
+    marginLeft: '4px',
+  },
+}))
+
+export interface UserLabelProps {
+  type: UserLabelType
+  username: string
+  unregisteredUsernameModalHandleOpen?: HandleOpenModalType
+  duplicatedUsernameModalHandleOpen?: HandleOpenModalType
+}
+
+const UserLabel: React.FC<UserLabelProps> = ({
+  type,
+  username,
+  unregisteredUsernameModalHandleOpen,
+  duplicatedUsernameModalHandleOpen,
+}) => {
+  const isUnregistered = type === UserLabelType.UNREGISTERED
+  const handleOpen = isUnregistered ? unregisteredUsernameModalHandleOpen : duplicatedUsernameModalHandleOpen
+
+  return (
+    <StyledGrid>
+      <Grid
+        onClick={handleOpen ? () => handleOpen({ username }) : () => {}}
+        container
+        item
+        alignItems='center'
+        justifyContent='space-between'
+        className={classNames(classes.wrapper, {
+          [classes.wrapperGray]: isUnregistered,
+          [classes.wrapperRed]: !isUnregistered,
+        })}
+      >
+        {!isUnregistered && <img className={classes.image} src={WarnIcon} />}
+        <Typography
+          className={classNames(classes.wrapper, {
+            [classes.textBlack]: isUnregistered,
+            [classes.textWhite]: !isUnregistered,
+          })}
+          variant='caption'
+        >
+          {type}
+        </Typography>
+      </Grid>
+    </StyledGrid>
+  )
+}
+
+export default UserLabel
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.stories.tsx b/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.stories.tsx
new file mode 100644
index 0000000000..628782bb5d
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.stories.tsx
@@ -0,0 +1,45 @@
+import React from 'react'
+import { ComponentStory, ComponentMeta } from '@storybook/react'
+import { withTheme } from '../../../storybook/decorators'
+import UserLabel, { UserLabelProps } from './UserLabel.component'
+import { payloadDuplicated, payloadUnregistered, UserLabelType } from './UserLabel.types'
+import { ModalName } from '../../../sagas/modals/modals.types'
+import { modalsActions } from '../../../sagas/modals/modals.slice'
+
+const Template: ComponentStory<typeof UserLabel> = args => {
+  return (
+    <div style={{ display: 'inline-block' }}>
+      <UserLabel {...args} />
+    </div>
+  )
+}
+
+export const Duplicate = Template.bind({})
+export const Unregistered = Template.bind({})
+
+const baseArg = {
+  duplicatedUsernameModalHandleOpen: () => payloadDuplicated,
+  unregisteredUsernameModalHandleOpen: () => payloadUnregistered,
+  username: 'johnny',
+}
+
+const argsDuplicate: UserLabelProps = {
+  ...baseArg,
+  type: UserLabelType.DUPLICATE,
+}
+
+const argsUnregistered: UserLabelProps = {
+  ...baseArg,
+  type: UserLabelType.UNREGISTERED,
+}
+
+Duplicate.args = argsDuplicate
+Unregistered.args = argsUnregistered
+
+const component: ComponentMeta<typeof UserLabel> = {
+  title: 'Components/UserLabel',
+  decorators: [withTheme],
+  component: UserLabel,
+}
+
+export default component
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.test.tsx b/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.test.tsx
new file mode 100644
index 0000000000..2f2768df8b
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.test.tsx
@@ -0,0 +1,75 @@
+import React from 'react'
+import theme from '../../../theme'
+import { ThemeProvider } from '@mui/material/styles'
+import { renderComponent } from '../../../testUtils/renderComponent'
+import UserLabel from './UserLabel.component'
+import { payloadDuplicated, payloadUnregistered, UserLabelType } from './UserLabel.types'
+
+describe('UserLabel', () => {
+  it('duplicate', () => {
+    const result = renderComponent(
+      <ThemeProvider theme={theme}>
+        <UserLabel
+          duplicatedUsernameModalHandleOpen={() => payloadDuplicated}
+          unregisteredUsernameModalHandleOpen={() => payloadUnregistered}
+          username={'johnny'}
+          type={UserLabelType.DUPLICATE}
+        />
+      </ThemeProvider>
+    )
+    expect(result.baseElement).toMatchInlineSnapshot(`
+      <body>
+        <div>
+          <div
+            class="MuiGrid-root css-9ezr5u-MuiGrid-root"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-container MuiGrid-item UserLabel-wrapper UserLabel-wrapperRed css-1gb55do-MuiGrid-root"
+            >
+              <img
+                class="UserLabel-image"
+                src="test-file-stub"
+              />
+              <span
+                class="MuiTypography-root MuiTypography-caption UserLabel-wrapper UserLabel-textWhite css-1d4bzk2-MuiTypography-root"
+              >
+                Duplicate
+              </span>
+            </div>
+          </div>
+        </div>
+      </body>
+    `)
+  })
+  it('unregistered', () => {
+    const result = renderComponent(
+      <ThemeProvider theme={theme}>
+        <UserLabel
+          duplicatedUsernameModalHandleOpen={() => payloadDuplicated}
+          unregisteredUsernameModalHandleOpen={() => payloadUnregistered}
+          username={'johnny'}
+          type={UserLabelType.UNREGISTERED}
+        />
+      </ThemeProvider>
+    )
+    expect(result.baseElement).toMatchInlineSnapshot(`
+      <body>
+        <div>
+          <div
+            class="MuiGrid-root css-9ezr5u-MuiGrid-root"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-container MuiGrid-item UserLabel-wrapper UserLabel-wrapperGray css-1gb55do-MuiGrid-root"
+            >
+              <span
+                class="MuiTypography-root MuiTypography-caption UserLabel-wrapper UserLabel-textBlack css-1d4bzk2-MuiTypography-root"
+              >
+                Unregistered
+              </span>
+            </div>
+          </div>
+        </div>
+      </body>
+    `)
+  })
+})
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.types.ts b/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.types.ts
new file mode 100644
index 0000000000..8eadac2da0
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/UserLabel.types.ts
@@ -0,0 +1,26 @@
+import { modalsActions, OpenModalPayload } from '../../../sagas/modals/modals.slice'
+import { ModalName } from '../../../sagas/modals/modals.types'
+
+export enum UserLabelType {
+  DUPLICATE = 'Duplicate',
+  UNREGISTERED = 'Unregistered',
+}
+
+export type HandleOpenModalType = (args?: object | undefined) => {
+  payload: OpenModalPayload
+  type: 'Modals/openModal'
+}
+
+export const payloadDuplicated = {
+  payload: {
+    name: ModalName.duplicatedUsernameModal,
+  },
+  type: modalsActions.openModal.type,
+}
+
+export const payloadUnregistered = {
+  payload: {
+    name: ModalName.duplicatedUsernameModal,
+  },
+  type: modalsActions.openModal.type,
+}
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.component.tsx b/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.component.tsx
new file mode 100644
index 0000000000..c0a1bc96ff
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.component.tsx
@@ -0,0 +1,60 @@
+import React from 'react'
+import Modal from '../../../ui/Modal/Modal'
+import { Grid, Typography } from '@mui/material'
+import { styled } from '@mui/material/styles'
+import WarnIcon from '../../../../static/images/exclamationMark.svg'
+import UserLabel from '../UserLabel.component'
+import { UserLabelType } from '../UserLabel.types'
+
+const PREFIX = 'UserDuplicateModalComponent-'
+
+const classes = {
+  bodyText: `${PREFIX}bodyText`,
+  image: `${PREFIX}image`,
+}
+
+const StyledGrid = styled(Grid)(({ theme }) => ({
+  [`& .${classes.bodyText}`]: {
+    textAlign: 'center',
+    width: '60%',
+    margin: '24px 0 4px',
+  },
+  [`& .${classes.image}`]: {
+    width: '70px',
+    height: '70px',
+    margin: '30px 0 24px',
+  },
+}))
+
+export interface DuplicateModalComponentProps {
+  open: boolean
+  handleClose: () => void
+}
+
+const DuplicateModalComponent: React.FC<DuplicateModalComponentProps> = ({ handleClose, open }) => {
+  return (
+    <Modal
+      open={open}
+      handleClose={handleClose}
+      data-testid={'duplicateModalComponent'}
+      title={'Warning!'}
+      isBold
+      addBorder
+    >
+      <StyledGrid container item direction='column' justifyContent='flex-start' alignItems='center'>
+        <img className={classes.image} src={WarnIcon} />
+        <Typography variant='h3'>Multiple users with same name</Typography>
+        <Typography className={classes.bodyText} variant='body2'>
+          An unregistered user is using the same name as another user. This should be rare, and could mean someone is
+          impersonating another user.
+          <br />
+          <br />
+          These users will be marked
+        </Typography>
+        <UserLabel type={UserLabelType.DUPLICATE} username={''} />
+      </StyledGrid>
+    </Modal>
+  )
+}
+
+export default DuplicateModalComponent
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.container.tsx b/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.container.tsx
new file mode 100644
index 0000000000..50c8993c92
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.container.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import { useModal } from '../../../../containers/hooks'
+import { ModalName } from '../../../../sagas/modals/modals.types'
+import DuplicateModalComponent from './DuplicateModal.component'
+
+const DuplicateModalContainer = () => {
+  const duplicateModal = useModal(ModalName.duplicatedUsernameModal)
+  return <DuplicateModalComponent {...duplicateModal} />
+}
+
+export default DuplicateModalContainer
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.stories.tsx b/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.stories.tsx
new file mode 100644
index 0000000000..385e91440c
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.stories.tsx
@@ -0,0 +1,29 @@
+import React from 'react'
+import { ComponentStory, ComponentMeta } from '@storybook/react'
+import { withTheme } from '../../../../storybook/decorators'
+import DuplicateModalComponent, { DuplicateModalComponentProps } from './DuplicateModal.component'
+
+const Template: ComponentStory<typeof DuplicateModalComponent> = args => {
+  return (
+    <div style={{ height: '800px', position: 'relative' }}>
+      <DuplicateModalComponent {...args} />
+    </div>
+  )
+}
+
+export const Component = Template.bind({})
+
+const args: DuplicateModalComponentProps = {
+  handleClose: function (): void {},
+  open: true,
+}
+
+Component.args = args
+
+const component: ComponentMeta<typeof DuplicateModalComponent> = {
+  title: 'Components/UserLabel/DuplicateModalComponent',
+  decorators: [withTheme],
+  component: DuplicateModalComponent,
+}
+
+export default component
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.test.tsx b/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.test.tsx
new file mode 100644
index 0000000000..371b5cb186
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/duplicate/DuplicateModal.test.tsx
@@ -0,0 +1,142 @@
+import React from 'react'
+import theme from '../../../../theme'
+import { ThemeProvider } from '@mui/material/styles'
+import { renderComponent } from '../../../../testUtils/renderComponent'
+import DuplicateModalComponent from './DuplicateModal.component'
+
+describe('DuplicateModalComponent', () => {
+  it('renderComponent', () => {
+    const result = renderComponent(
+      <ThemeProvider theme={theme}>
+        <DuplicateModalComponent handleClose={() => {}} open={true} />
+      </ThemeProvider>
+    )
+    expect(result.baseElement).toMatchInlineSnapshot(`
+      <body
+        style="padding-right: 1024px; overflow: hidden;"
+      >
+        <div
+          aria-hidden="true"
+        />
+        <div
+          class="MuiModal-root css-1vjugmr-MuiModal-root"
+          role="presentation"
+          zindex="1300"
+        >
+          <div
+            aria-hidden="true"
+            class="MuiBackdrop-root css-i9fmh8-MuiBackdrop-root-MuiModal-backdrop"
+            style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+          />
+          <div
+            data-testid="sentinelStart"
+            tabindex="0"
+          />
+          <div
+            class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column Modalcentered css-6gh8l0-MuiGrid-root"
+            tabindex="-1"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-container MuiGrid-item Modalheader ModalheaderBorder css-lx31tv-MuiGrid-root"
+            >
+              <div
+                class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-true css-1r61agb-MuiGrid-root"
+              >
+                <div
+                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                >
+                  <h6
+                    class="MuiTypography-root MuiTypography-subtitle1 MuiTypography-alignCenter Modaltitle Modalbold css-jxzupi-MuiTypography-root"
+                    style="margin-left: 36px;"
+                  >
+                    Warning!
+                  </h6>
+                </div>
+                <div
+                  class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+                >
+                  <div
+                    class="MuiGrid-root MuiGrid-container MuiGrid-item Modalactions css-hoc6b0-MuiGrid-root"
+                    data-testid="ModalActions"
+                  >
+                    <button
+                      class="MuiButtonBase-root MuiIconButton-root IconButtonroot MuiIconButton-sizeMedium css-c8hoqc-MuiButtonBase-root-MuiIconButton-root"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                        data-testid="ClearIcon"
+                        focusable="false"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                        />
+                      </svg>
+                      <span
+                        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+                      />
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="MuiGrid-root MuiGrid-container MuiGrid-item ModalfullPage css-1h16bbz-MuiGrid-root"
+            >
+              <div
+                class="MuiGrid-root MuiGrid-container MuiGrid-item Modalcontent css-1f064cs-MuiGrid-root"
+                style="width: 600px;"
+              >
+                <div
+                  class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-direction-xs-column css-1ohhbag-MuiGrid-root"
+                >
+                  <img
+                    class="UserDuplicateModalComponent-image"
+                    src="test-file-stub"
+                  />
+                  <h3
+                    class="MuiTypography-root MuiTypography-h3 css-ptjqt4-MuiTypography-root"
+                  >
+                    Multiple users with same name
+                  </h3>
+                  <p
+                    class="MuiTypography-root MuiTypography-body2 UserDuplicateModalComponent-bodyText css-16d47hw-MuiTypography-root"
+                  >
+                    An unregistered user is using the same name as another user. This should be rare, and could mean someone is impersonating another user.
+                    <br />
+                    <br />
+                    These users will be marked
+                  </p>
+                  <div
+                    class="MuiGrid-root css-9ezr5u-MuiGrid-root"
+                  >
+                    <div
+                      class="MuiGrid-root MuiGrid-container MuiGrid-item UserLabel-wrapper UserLabel-wrapperRed css-1gb55do-MuiGrid-root"
+                    >
+                      <img
+                        class="UserLabel-image"
+                        src="test-file-stub"
+                      />
+                      <span
+                        class="MuiTypography-root MuiTypography-caption UserLabel-wrapper UserLabel-textWhite css-1d4bzk2-MuiTypography-root"
+                      >
+                        Duplicate
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            data-testid="sentinelEnd"
+            tabindex="0"
+          />
+        </div>
+      </body>
+    `)
+  })
+})
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.component.tsx b/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.component.tsx
new file mode 100644
index 0000000000..c1f232426c
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.component.tsx
@@ -0,0 +1,64 @@
+import { Button, Grid, Typography } from '@mui/material'
+import React from 'react'
+import Modal from '../../../ui/Modal/Modal'
+import { styled } from '@mui/material/styles'
+
+const PREFIX = 'UnregisteredModalComponent-'
+
+const classes = {
+  bodyText: `${PREFIX}bodyText`,
+  button: `${PREFIX}button`,
+}
+
+const StyledGrid = styled(Grid)(({ theme }) => ({
+  [`& .${classes.bodyText}`]: {
+    textAlign: 'center',
+    width: '60%',
+    margin: '30px 0 4px',
+  },
+
+  [`& .${classes.button}`]: {
+    marginTop: 24,
+    textTransform: 'none',
+    padding: '0 24px',
+    height: 60,
+    borderRadius: '8px',
+    color: theme.palette.colors.white,
+    backgroundColor: theme.palette.colors.quietBlue,
+    '&:hover': {
+      opacity: 0.7,
+      backgroundColor: theme.palette.colors.quietBlue,
+    },
+  },
+}))
+
+export interface UnregisteredModalComponentProps {
+  open: boolean
+  handleClose: () => void
+  username: string
+}
+const UnregisteredModalComponent: React.FC<UnregisteredModalComponentProps> = ({ handleClose, open, username }) => {
+  return (
+    <Modal
+      open={open}
+      handleClose={handleClose}
+      data-testid={'unregisteredModalComponent'}
+      title={'Unregistered username'}
+      isBold
+      addBorder
+    >
+      <StyledGrid container item direction='column' justifyContent='flex-start' alignItems='center'>
+        <Typography className={classes.bodyText} variant='body2'>
+          The username <strong>@{username}</strong> has not been registered yet with the community owner, so it’s still
+          possible for someone else to register the same username. When the community owner is online,{' '}
+          <strong>@{username}</strong> will be registered automatically and this alert will go away.
+        </Typography>
+        <Button className={classes.button} data-testid='unregistered-button' onClick={handleClose}>
+          OK
+        </Button>
+      </StyledGrid>
+    </Modal>
+  )
+}
+
+export default UnregisteredModalComponent
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.container.tsx b/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.container.tsx
new file mode 100644
index 0000000000..8f961b1017
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.container.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import { useModal } from '../../../../containers/hooks'
+import { ModalName } from '../../../../sagas/modals/modals.types'
+import UnregisteredModalComponent from './UnregisteredModal.component'
+
+interface ModalArgs {
+  username: string
+}
+
+const UnregisteredModalContainer = () => {
+  const unregisteredModal = useModal<ModalArgs>(ModalName.unregisteredUsernameModal)
+  return <UnregisteredModalComponent {...unregisteredModal} />
+}
+
+export default UnregisteredModalContainer
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.stories.tsx b/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.stories.tsx
new file mode 100644
index 0000000000..7a40c737f2
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.stories.tsx
@@ -0,0 +1,30 @@
+import React from 'react'
+import { ComponentStory, ComponentMeta } from '@storybook/react'
+import { withTheme } from '../../../../storybook/decorators'
+import UnregisteredModalComponent, { UnregisteredModalComponentProps } from './UnregisteredModal.component'
+
+const Template: ComponentStory<typeof UnregisteredModalComponent> = args => {
+  return (
+    <div style={{ height: '800px', position: 'relative' }}>
+      <UnregisteredModalComponent {...args} />
+    </div>
+  )
+}
+
+export const Component = Template.bind({})
+
+const args: UnregisteredModalComponentProps = {
+  handleClose: function (): void {},
+  open: true,
+  username: 'johnny',
+}
+
+Component.args = args
+
+const component: ComponentMeta<typeof UnregisteredModalComponent> = {
+  title: 'Components/UserLabel/UnregisteredModalComponent',
+  decorators: [withTheme],
+  component: UnregisteredModalComponent,
+}
+
+export default component
diff --git a/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.test.tsx b/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.test.tsx
new file mode 100644
index 0000000000..36a7bf0a15
--- /dev/null
+++ b/packages/desktop/src/renderer/components/widgets/userLabel/unregistered/UnregisteredModal.test.tsx
@@ -0,0 +1,135 @@
+import React from 'react'
+import theme from '../../../../theme'
+import { ThemeProvider } from '@mui/material/styles'
+import { renderComponent } from '../../../../testUtils/renderComponent'
+import UnregisteredModalComponent from './UnregisteredModal.component'
+
+describe('UnregisteredModalComponent', () => {
+  it('renderComponent', () => {
+    const result = renderComponent(
+      <ThemeProvider theme={theme}>
+        <UnregisteredModalComponent handleClose={() => {}} open={true} username={'johnny'} />
+      </ThemeProvider>
+    )
+    expect(result.baseElement).toMatchInlineSnapshot(`
+      <body
+        style="padding-right: 1024px; overflow: hidden;"
+      >
+        <div
+          aria-hidden="true"
+        />
+        <div
+          class="MuiModal-root css-1vjugmr-MuiModal-root"
+          role="presentation"
+          zindex="1300"
+        >
+          <div
+            aria-hidden="true"
+            class="MuiBackdrop-root css-i9fmh8-MuiBackdrop-root-MuiModal-backdrop"
+            style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
+          />
+          <div
+            data-testid="sentinelStart"
+            tabindex="0"
+          />
+          <div
+            class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column Modalcentered css-6gh8l0-MuiGrid-root"
+            tabindex="-1"
+          >
+            <div
+              class="MuiGrid-root MuiGrid-container MuiGrid-item Modalheader ModalheaderBorder css-lx31tv-MuiGrid-root"
+            >
+              <div
+                class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-true css-1r61agb-MuiGrid-root"
+              >
+                <div
+                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                >
+                  <h6
+                    class="MuiTypography-root MuiTypography-subtitle1 MuiTypography-alignCenter Modaltitle Modalbold css-jxzupi-MuiTypography-root"
+                    style="margin-left: 36px;"
+                  >
+                    Unregistered username
+                  </h6>
+                </div>
+                <div
+                  class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
+                >
+                  <div
+                    class="MuiGrid-root MuiGrid-container MuiGrid-item Modalactions css-hoc6b0-MuiGrid-root"
+                    data-testid="ModalActions"
+                  >
+                    <button
+                      class="MuiButtonBase-root MuiIconButton-root IconButtonroot MuiIconButton-sizeMedium css-c8hoqc-MuiButtonBase-root-MuiIconButton-root"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                        data-testid="ClearIcon"
+                        focusable="false"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                        />
+                      </svg>
+                      <span
+                        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+                      />
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="MuiGrid-root MuiGrid-container MuiGrid-item ModalfullPage css-1h16bbz-MuiGrid-root"
+            >
+              <div
+                class="MuiGrid-root MuiGrid-container MuiGrid-item Modalcontent css-1f064cs-MuiGrid-root"
+                style="width: 600px;"
+              >
+                <div
+                  class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-direction-xs-column css-1ihp1v3-MuiGrid-root"
+                >
+                  <p
+                    class="MuiTypography-root MuiTypography-body2 UnregisteredModalComponent-bodyText css-16d47hw-MuiTypography-root"
+                  >
+                    The username 
+                    <strong>
+                      @
+                      johnny
+                    </strong>
+                     has not been registered yet with the community owner, so it’s still possible for someone else to register the same username. When the community owner is online,
+                     
+                    <strong>
+                      @
+                      johnny
+                    </strong>
+                     will be registered automatically and this alert will go away.
+                  </p>
+                  <button
+                    class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium UnregisteredModalComponent-button css-1skytee-MuiButtonBase-root-MuiButton-root"
+                    data-testid="unregistered-button"
+                    tabindex="0"
+                    type="button"
+                  >
+                    OK
+                    <span
+                      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+                    />
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            data-testid="sentinelEnd"
+            tabindex="0"
+          />
+        </div>
+      </body>
+    `)
+  })
+})
diff --git a/packages/desktop/src/renderer/sagas/modals/modals.slice.ts b/packages/desktop/src/renderer/sagas/modals/modals.slice.ts
index 65ad1aece0..9452e8176a 100644
--- a/packages/desktop/src/renderer/sagas/modals/modals.slice.ts
+++ b/packages/desktop/src/renderer/sagas/modals/modals.slice.ts
@@ -33,7 +33,9 @@ export class ModalsInitialState {
   [ModalName.searchChannelModal] = { open: false, args: {} };
   [ModalName.warningModal] = { open: false, args: {} };
   [ModalName.loadingPanel] = { open: true, args: {} }; // Loading modal is open by default and closes on websocket connection
-  [ModalName.channelCreationModal] = { open: false, args: {} }
+  [ModalName.channelCreationModal] = { open: false, args: {} };
+  [ModalName.unregisteredUsernameModal] = { open: false, args: {} };
+  [ModalName.duplicatedUsernameModal] = { open: false, args: {} }
 }
 
 export const modalsSlice = createSlice({
diff --git a/packages/desktop/src/renderer/sagas/modals/modals.types.ts b/packages/desktop/src/renderer/sagas/modals/modals.types.ts
index ab48c13f80..3b4c44ae71 100644
--- a/packages/desktop/src/renderer/sagas/modals/modals.types.ts
+++ b/packages/desktop/src/renderer/sagas/modals/modals.types.ts
@@ -21,4 +21,6 @@ export enum ModalName {
   searchChannelModal = 'searchChannelModal',
   warningModal = 'warningModal',
   channelCreationModal = 'channelCreationModal',
+  duplicatedUsernameModal = 'duplicatedUsernameModal',
+  unregisteredUsernameModal = 'unregisteredUsernameModal',
 }
diff --git a/packages/desktop/src/renderer/static/images/warning-icon.svg b/packages/desktop/src/renderer/static/images/warning-icon.svg
new file mode 100644
index 0000000000..c7eb05ba4d
--- /dev/null
+++ b/packages/desktop/src/renderer/static/images/warning-icon.svg
@@ -0,0 +1,4 @@
+<svg width="13" height="11" viewBox="0 0 13 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.68983 3.57812L6.58513 7.42799H5.60253L5.49514 3.57812H6.68983ZM6.09383 9.1462C5.91664 9.1462 5.76451 9.08355 5.63743 8.95827C5.51035 8.83119 5.44771 8.67906 5.4495 8.50187C5.44771 8.32647 5.51035 8.17612 5.63743 8.05084C5.76451 7.92555 5.91664 7.86291 6.09383 7.86291C6.26386 7.86291 6.41331 7.92555 6.54217 8.05084C6.67104 8.17612 6.73637 8.32647 6.73816 8.50187C6.73637 8.61999 6.70505 8.72828 6.64419 8.82672C6.58513 8.92337 6.50727 9.00122 6.41062 9.06029C6.31397 9.11756 6.20838 9.1462 6.09383 9.1462Z" fill="white"/>
+<path d="M6.36305 0.659854L11.6427 9.94641C11.7726 10.1749 11.6026 10.4375 11.3734 10.4375H0.814074C0.584925 10.4375 0.414867 10.1749 0.544779 9.94641L5.82446 0.659855C5.94564 0.446715 6.24187 0.446716 6.36305 0.659854Z" stroke="white"/>
+</svg>
diff --git a/packages/mobile/assets/icons/exclamationMark.png b/packages/mobile/assets/icons/exclamationMark.png
new file mode 100644
index 0000000000..108b00440d
Binary files /dev/null and b/packages/mobile/assets/icons/exclamationMark.png differ
diff --git a/packages/mobile/assets/icons/warning-icon.png b/packages/mobile/assets/icons/warning-icon.png
new file mode 100644
index 0000000000..4b754d3af9
Binary files /dev/null and b/packages/mobile/assets/icons/warning-icon.png differ
diff --git a/packages/mobile/src/App.tsx b/packages/mobile/src/App.tsx
index 7d2ea1aee7..9b592a5c53 100644
--- a/packages/mobile/src/App.tsx
+++ b/packages/mobile/src/App.tsx
@@ -43,6 +43,8 @@ import { ConfirmationBox } from './components/ConfirmationBox/ConfirmationBox.co
 import StoreProvider from './Provider'
 import { RootStackParamList } from './route.params'
 import ConnectionProcessScreen from './screens/ConnectionProcess/ConnectionProcess.screen'
+import { DuplicatedUsernameScreen } from './screens/DuplicatedUsername/DuplicatedUsername.screen'
+import { UnregisteredUsernameScreen } from './screens/UnregisteredUsername/UnregisteredUsername.screen'
 
 LogBox.ignoreAllLogs()
 
@@ -97,6 +99,8 @@ function App(): JSX.Element {
                 <Screen component={QRCodeScreen} name={ScreenNames.QRCodeScreen} />
                 <Screen component={SuccessScreen} name={ScreenNames.SuccessScreen} />
                 <Screen component={ErrorScreen} name={ScreenNames.ErrorScreen} />
+                <Screen component={DuplicatedUsernameScreen} name={ScreenNames.DuplicatedUsernameScreen} />
+                <Screen component={UnregisteredUsernameScreen} name={ScreenNames.UnregisteredUsernameScreen} />
               </Navigator>
               <CommunityContextMenu />
               <ChannelContextMenu />
diff --git a/packages/mobile/src/components/Appbar/Appbar.component.tsx b/packages/mobile/src/components/Appbar/Appbar.component.tsx
index dd97a05030..0c01ef50e4 100644
--- a/packages/mobile/src/components/Appbar/Appbar.component.tsx
+++ b/packages/mobile/src/components/Appbar/Appbar.component.tsx
@@ -6,8 +6,17 @@ import { AppbarProps } from './Appbar.types'
 import { appImages } from '../../assets'
 import { defaultTheme } from '../../styles/themes/default.theme'
 
-export const Appbar: FC<AppbarProps> = ({ title, prefix, position, style, back, contextMenu }) => {
+export const Appbar: FC<AppbarProps> = ({
+  title,
+  prefix,
+  position,
+  style,
+  back,
+  contextMenu,
+  crossBackIcon = false,
+}) => {
   const arrow_icon = appImages.arrow_left
+  const cross_icon = appImages.icon_close
   const menu_icon = appImages.dots
   return (
     <StyledAppbar style={style}>
@@ -28,7 +37,7 @@ export const Appbar: FC<AppbarProps> = ({ title, prefix, position, style, back,
           >
             {back ? (
               <Image
-                source={arrow_icon}
+                source={crossBackIcon ? cross_icon : arrow_icon}
                 resizeMode='cover'
                 resizeMethod='resize'
                 style={{
diff --git a/packages/mobile/src/components/Appbar/Appbar.types.ts b/packages/mobile/src/components/Appbar/Appbar.types.ts
index 1b375291c3..043a579554 100644
--- a/packages/mobile/src/components/Appbar/Appbar.types.ts
+++ b/packages/mobile/src/components/Appbar/Appbar.types.ts
@@ -8,4 +8,5 @@ export interface AppbarProps {
   style?: TextStyle
   back?: () => void
   contextMenu?: ReturnType<typeof useContextMenu> | null
+  crossBackIcon?: boolean
 }
diff --git a/packages/mobile/src/components/Chat/Chat.component.tsx b/packages/mobile/src/components/Chat/Chat.component.tsx
index 4a2100511e..59f0e26695 100644
--- a/packages/mobile/src/components/Chat/Chat.component.tsx
+++ b/packages/mobile/src/components/Chat/Chat.component.tsx
@@ -34,6 +34,8 @@ export const Chat: FC<ChatProps & FileActionsProps> = ({
   removeFilePreview,
   uploadedFiles,
   openUrl,
+  duplicatedUsernameHandleBack,
+  unregisteredUsernameHandleBack,
   ready = true,
 }) => {
   const [didKeyboardShow, setKeyboardShow] = useState(false)
@@ -113,6 +115,8 @@ export const Chat: FC<ChatProps & FileActionsProps> = ({
       cancelDownload={cancelDownload}
       openImagePreview={openImagePreview}
       openUrl={openUrl}
+      duplicatedUsernameHandleBack={duplicatedUsernameHandleBack}
+      unregisteredUsernameHandleBack={unregisteredUsernameHandleBack}
     />
   )
 
@@ -222,6 +226,8 @@ export const ChannelMessagesComponent: React.FC<ChannelMessagesComponentProps &
   cancelDownload,
   openImagePreview,
   openUrl,
+  duplicatedUsernameHandleBack,
+  unregisteredUsernameHandleBack,
 }) => {
   return (
     <View key={day}>
@@ -239,6 +245,8 @@ export const ChannelMessagesComponent: React.FC<ChannelMessagesComponentProps &
             openImagePreview={openImagePreview}
             openUrl={openUrl}
             pendingMessages={pendingMessages}
+            duplicatedUsernameHandleBack={duplicatedUsernameHandleBack}
+            unregisteredUsernameHandleBack={unregisteredUsernameHandleBack}
           />
         )
       })}
diff --git a/packages/mobile/src/components/Chat/Chat.stories.tsx b/packages/mobile/src/components/Chat/Chat.stories.tsx
index 76d08a1a1b..264a391db4 100644
--- a/packages/mobile/src/components/Chat/Chat.stories.tsx
+++ b/packages/mobile/src/components/Chat/Chat.stories.tsx
@@ -196,6 +196,8 @@ storiesOf('Chat', module)
       removeFilePreview={function (id: string): void {
         console.log(`removeFilePreview ${id}`)
       }}
+      duplicatedUsernameHandleBack={function (): void {}}
+      unregisteredUsernameHandleBack={function (username: string): void {}}
     />
   ))
   .add('Empty', () => (
@@ -225,5 +227,7 @@ storiesOf('Chat', module)
       removeFilePreview={function (id: string): void {
         console.log(`removeFilePreview ${id}`)
       }}
+      duplicatedUsernameHandleBack={function (): void {}}
+      unregisteredUsernameHandleBack={function (username: string): void {}}
     />
   ))
diff --git a/packages/mobile/src/components/Chat/Chat.test.tsx b/packages/mobile/src/components/Chat/Chat.test.tsx
index 45d4370f9e..2ab5024ec8 100644
--- a/packages/mobile/src/components/Chat/Chat.test.tsx
+++ b/packages/mobile/src/components/Chat/Chat.test.tsx
@@ -24,6 +24,8 @@ describe('Chat component', () => {
         loadMessagesAction={jest.fn()}
         handleBackButton={jest.fn()}
         openImagePreview={() => {}}
+        duplicatedUsernameHandleBack={function (): void {}}
+        unregisteredUsernameHandleBack={function (username: string): void {}}
         openUrl={() => {}}
         downloadFile={() => {}}
         cancelDownload={() => {}}
@@ -630,6 +632,87 @@ describe('Chat component', () => {
                                 chad
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -860,6 +943,87 @@ describe('Chat component', () => {
                                 anakin
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -1068,6 +1232,87 @@ describe('Chat component', () => {
                                 anakin
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -1276,6 +1521,87 @@ describe('Chat component', () => {
                                 yoda
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -1484,6 +1810,87 @@ describe('Chat component', () => {
                                 obi
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -1703,6 +2110,87 @@ describe('Chat component', () => {
                                 wookie
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -1911,6 +2399,87 @@ describe('Chat component', () => {
                                 leah
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -2119,6 +2688,87 @@ describe('Chat component', () => {
                                 luke
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -2313,6 +2963,87 @@ describe('Chat component', () => {
                                 windoo
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -2521,6 +3252,87 @@ describe('Chat component', () => {
                                 vader
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -2749,6 +3561,87 @@ describe('Chat component', () => {
                                 alice
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -2968,6 +3861,87 @@ describe('Chat component', () => {
                                 john
                               </Text>
                             </View>
+                            <View>
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "marginLeft": 8,
+                                  }
+                                }
+                                testID="user-label"
+                              >
+                                <View
+                                  style={
+                                    {
+                                      "backgroundColor": "#E42656",
+                                      "borderRadius": 8,
+                                      "cursor": "pointer",
+                                      "flexDirection": "row",
+                                      "paddingBottom": 3,
+                                      "paddingLeft": 8,
+                                      "paddingRight": 8,
+                                      "paddingTop": 3,
+                                    }
+                                  }
+                                >
+                                  <Image
+                                    source={
+                                      {
+                                        "testUri": "../../../assets/icons/warning-icon.png",
+                                      }
+                                    }
+                                    style={
+                                      {
+                                        "height": 12,
+                                        "marginRight": 4,
+                                        "merginLeft": 4,
+                                        "width": 13,
+                                      }
+                                    }
+                                  />
+                                  <Text
+                                    color="main"
+                                    fontSize={12}
+                                    horizontalTextAlign="left"
+                                    style={
+                                      [
+                                        {
+                                          "color": "#000000",
+                                          "fontFamily": "Rubik-Regular",
+                                          "fontSize": 12,
+                                          "textAlign": "left",
+                                          "textAlignVertical": "center",
+                                        },
+                                        {
+                                          "color": "white",
+                                        },
+                                      ]
+                                    }
+                                    verticalTextAlign="center"
+                                  >
+                                    Duplicate
+                                  </Text>
+                                </View>
+                              </View>
+                            </View>
                             <View
                               style={
                                 {
@@ -3199,6 +4173,8 @@ describe('Chat component', () => {
         openUrl={() => {}}
         downloadFile={() => {}}
         cancelDownload={() => {}}
+        duplicatedUsernameHandleBack={function (): void {}}
+        unregisteredUsernameHandleBack={function (username: string): void {}}
         channel={{
           name: 'general',
           description: '',
diff --git a/packages/mobile/src/components/Chat/Chat.types.ts b/packages/mobile/src/components/Chat/Chat.types.ts
index d3fff9f239..6ee5d5324c 100644
--- a/packages/mobile/src/components/Chat/Chat.types.ts
+++ b/packages/mobile/src/components/Chat/Chat.types.ts
@@ -10,8 +10,9 @@ import {
 import { Dictionary } from '@reduxjs/toolkit'
 import { useContextMenu } from '../../hooks/useContextMenu'
 import { DocumentPickerResponse } from 'react-native-document-picker'
+import { UserLabelHandlers } from '../UserLabel/UserLabel.types'
 
-export interface ChatProps {
+export interface ChatProps extends UserLabelHandlers {
   contextMenu?: ReturnType<typeof useContextMenu> | null
   sendMessageAction: (message: string) => void
   loadMessagesAction: (load: boolean) => void
@@ -33,7 +34,7 @@ export interface ChatProps {
   ready?: boolean
 }
 
-export interface ChannelMessagesComponentProps {
+export interface ChannelMessagesComponentProps extends UserLabelHandlers {
   day: string
   messages: DisplayableMessage[][]
   pendingMessages?: Dictionary<MessageSendingStatus>
diff --git a/packages/mobile/src/components/Message/Message.component.tsx b/packages/mobile/src/components/Message/Message.component.tsx
index de3494323d..5cb04a6808 100644
--- a/packages/mobile/src/components/Message/Message.component.tsx
+++ b/packages/mobile/src/components/Message/Message.component.tsx
@@ -12,6 +12,8 @@ import { FileActionsProps } from '../UploadedFile/UploadedFile.types'
 import { MathJaxSvg } from 'react-native-mathjax-html-to-svg'
 import Markdown, { MarkdownIt, ASTNode } from '@ronradtke/react-native-markdown-display'
 import { defaultTheme } from '../../styles/themes/default.theme'
+import UserLabel from '../UserLabel/UserLabel.component'
+import { UserLabelType } from '../UserLabel/UserLabel.types'
 
 export const Message: FC<MessageProps & FileActionsProps> = ({
   data, // Set of messages merged by sender
@@ -21,6 +23,8 @@ export const Message: FC<MessageProps & FileActionsProps> = ({
   openImagePreview,
   openUrl,
   pendingMessages,
+  duplicatedUsernameHandleBack,
+  unregisteredUsernameHandleBack,
 }) => {
   const renderMessage = (message: DisplayableMessage, pending: boolean) => {
     switch (message.type) {
@@ -135,6 +139,14 @@ export const Message: FC<MessageProps & FileActionsProps> = ({
                 {info ? 'Quiet' : representativeMessage.nickname}
               </Typography>
             </View>
+            <View>
+              <UserLabel
+                username={representativeMessage.nickname}
+                type={UserLabelType.DUPLICATE}
+                duplicatedUsernameHandleBack={duplicatedUsernameHandleBack}
+                unregisteredUsernameHandleBack={unregisteredUsernameHandleBack}
+              />
+            </View>
             <View
               style={{
                 alignSelf: 'flex-start',
diff --git a/packages/mobile/src/components/Message/Message.stories.tsx b/packages/mobile/src/components/Message/Message.stories.tsx
index 8eb0b34594..029c218005 100644
--- a/packages/mobile/src/components/Message/Message.stories.tsx
+++ b/packages/mobile/src/components/Message/Message.stories.tsx
@@ -8,6 +8,8 @@ storiesOf('Message', module)
   .add('Default', () => {
     return (
       <Message
+        duplicatedUsernameHandleBack={function (): void {}}
+        unregisteredUsernameHandleBack={function (username: string): void {}}
         data={[
           {
             id: '1',
@@ -29,6 +31,8 @@ storiesOf('Message', module)
   .add('Info', () => {
     return (
       <Message
+        duplicatedUsernameHandleBack={function (): void {}}
+        unregisteredUsernameHandleBack={function (username: string): void {}}
         data={[
           {
             id: '1',
@@ -52,6 +56,8 @@ storiesOf('Message', module)
     }
     return (
       <Message
+        duplicatedUsernameHandleBack={function (): void {}}
+        unregisteredUsernameHandleBack={function (username: string): void {}}
         data={[
           {
             id: '1',
@@ -72,6 +78,8 @@ storiesOf('Message', module)
   .add('ValidInlineLatexExpression', () => {
     return (
       <Message
+        duplicatedUsernameHandleBack={function (): void {}}
+        unregisteredUsernameHandleBack={function (username: string): void {}}
         data={[
           {
             id: '1',
@@ -92,6 +100,8 @@ storiesOf('Message', module)
   .add('InvalidLatexExpression', () => {
     return (
       <Message
+        duplicatedUsernameHandleBack={function (): void {}}
+        unregisteredUsernameHandleBack={function (username: string): void {}}
         data={[
           {
             id: '1',
diff --git a/packages/mobile/src/components/Message/Message.test.disabled.tsx b/packages/mobile/src/components/Message/Message.test.disabled.tsx
index df68c6b1b0..ed65a22882 100644
--- a/packages/mobile/src/components/Message/Message.test.disabled.tsx
+++ b/packages/mobile/src/components/Message/Message.test.disabled.tsx
@@ -9,6 +9,8 @@ describe('Message component', () => {
   it('should match inline snapshot', () => {
     const { toJSON } = renderComponent(
       <Message
+        duplicatedUsernameHandleBack={function (): void {}}
+        unregisteredUsernameHandleBack={function (username: string): void {}}
         data={[
           {
             id: 'id',
@@ -259,6 +261,8 @@ describe('Message component', () => {
   it('should match inline snapshot for message with mathjax content', () => {
     const { toJSON } = renderComponent(
       <Message
+        duplicatedUsernameHandleBack={function (): void {}}
+        unregisteredUsernameHandleBack={function (username: string): void {}}
         data={[
           {
             id: 'id',
diff --git a/packages/mobile/src/components/Message/Message.types.ts b/packages/mobile/src/components/Message/Message.types.ts
index 27516edf0b..8f26e64c0e 100644
--- a/packages/mobile/src/components/Message/Message.types.ts
+++ b/packages/mobile/src/components/Message/Message.types.ts
@@ -1,7 +1,8 @@
 import { DisplayableMessage, DownloadStatus, FileMetadata, MessageSendingStatus } from '@quiet/types'
 import { Dictionary } from '@reduxjs/toolkit'
+import { UserLabelHandlers } from '../UserLabel/UserLabel.types'
 
-export interface MessageProps {
+export interface MessageProps extends UserLabelHandlers {
   data: DisplayableMessage[]
   pendingMessages?: Dictionary<MessageSendingStatus>
   downloadStatus?: DownloadStatus
diff --git a/packages/mobile/src/components/UserLabel/Duplicated/DuplicatedUsername.component.tsx b/packages/mobile/src/components/UserLabel/Duplicated/DuplicatedUsername.component.tsx
new file mode 100644
index 0000000000..51277d4844
--- /dev/null
+++ b/packages/mobile/src/components/UserLabel/Duplicated/DuplicatedUsername.component.tsx
@@ -0,0 +1,63 @@
+import { DuplicatedUsernameComponentProps } from '../../../screens/DuplicatedUsername/DuplicatedUsername.types'
+import { defaultTheme } from '../../../styles/themes/default.theme'
+import React from 'react'
+import { View, Image, StyleSheet } from 'react-native'
+import { Appbar } from '../../Appbar/Appbar.component'
+import { Typography } from '../../Typography/Typography.component'
+import ExclamationMark from '../../../../assets/icons/exclamationMark.png'
+import UserLabel from '../UserLabel.component'
+import { UserLabelType } from '../UserLabel.types'
+
+const classes = StyleSheet.create({
+  mainWrapper: {
+    padding: 20,
+    alignItems: 'center',
+    marginTop: 10,
+  },
+  image: {
+    width: 96,
+    height: 83,
+  },
+  title: {
+    marginTop: 24,
+    marginBottom: 24,
+  },
+  labelWrapper: {
+    flexDirection: 'row',
+    marginTop: 24,
+  },
+})
+
+const DuplicatedUsernameComponent: React.FC<DuplicatedUsernameComponentProps> = ({ handleBackButton }) => {
+  return (
+    <View
+      style={{ flex: 1, backgroundColor: defaultTheme.palette.background.white }}
+      testID={'duplicated-username-component'}
+    >
+      <Appbar title={'Warning!'} back={handleBackButton} crossBackIcon />
+      <View style={classes.mainWrapper}>
+        <Image source={ExclamationMark} style={classes.image} />
+
+        <Typography fontSize={16} fontWeight={'medium'} style={classes.title}>
+          Multiple users with same name
+        </Typography>
+
+        <Typography fontSize={14} style={{ textAlign: 'center' }}>
+          An unregistered user is using the same name as another user. This should be rare, and could mean someone is
+          impersonating another user.
+        </Typography>
+        <View style={classes.labelWrapper}>
+          <Typography fontSize={14}>These users will be marked</Typography>
+          <UserLabel
+            type={UserLabelType.DUPLICATE}
+            username={''}
+            duplicatedUsernameHandleBack={function (): void {}}
+            unregisteredUsernameHandleBack={function (username: string): void {}}
+          />
+        </View>
+      </View>
+    </View>
+  )
+}
+
+export default DuplicatedUsernameComponent
diff --git a/packages/mobile/src/components/UserLabel/Duplicated/DuplicatedUsername.test.tsx b/packages/mobile/src/components/UserLabel/Duplicated/DuplicatedUsername.test.tsx
new file mode 100644
index 0000000000..ce162d56d7
--- /dev/null
+++ b/packages/mobile/src/components/UserLabel/Duplicated/DuplicatedUsername.test.tsx
@@ -0,0 +1,320 @@
+import { renderComponent } from '../../../utils/functions/renderComponent/renderComponent'
+import DuplicatedUsernameComponent from './DuplicatedUsername.component'
+
+describe('DuplicatedUsername component', () => {
+  it('renders component', () => {
+    const { toJSON } = renderComponent(<DuplicatedUsernameComponent handleBackButton={function (): void {}} />)
+    expect(toJSON()).toMatchInlineSnapshot(`
+      <View
+        style={
+          {
+            "backgroundColor": "#ffffff",
+            "flex": 1,
+          }
+        }
+        testID="duplicated-username-component"
+      >
+        <View
+          style={
+            [
+              {
+                "alignItems": "center",
+                "backgroundColor": "#ffffff",
+                "borderBottomColor": "#F0F0F0",
+                "borderBottomWidth": 1,
+                "display": "flex",
+                "flexDirection": "row",
+                "justifyContent": "center",
+                "maxHeight": 52,
+                "minHeight": 52,
+              },
+            ]
+          }
+        >
+          <View
+            style={
+              {
+                "flex": 1,
+              }
+            }
+          >
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              onClick={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
+              style={
+                {
+                  "opacity": 1,
+                }
+              }
+              testID="appbar_action_item"
+            >
+              <View
+                style={
+                  {
+                    "alignItems": "center",
+                    "height": 50,
+                    "justifyContent": "center",
+                    "width": 64,
+                  }
+                }
+              >
+                <Image
+                  resizeMethod="resize"
+                  resizeMode="cover"
+                  source={
+                    {
+                      "testUri": "../../../assets/icons/icon_close.png",
+                    }
+                  }
+                  style={
+                    {
+                      "height": 16,
+                      "width": 16,
+                    }
+                  }
+                />
+              </View>
+            </View>
+          </View>
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "flex": 4,
+              }
+            }
+          >
+            <Text
+              color="main"
+              fontSize={16}
+              fontWeight="medium"
+              horizontalTextAlign="left"
+              style={
+                [
+                  {
+                    "color": "#000000",
+                    "fontFamily": "Rubik-Medium",
+                    "fontSize": 16,
+                    "textAlign": "left",
+                    "textAlignVertical": "center",
+                  },
+                ]
+              }
+              verticalTextAlign="center"
+            >
+              Warning!
+            </Text>
+          </View>
+          <View
+            style={
+              {
+                "flex": 1,
+              }
+            }
+          />
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "marginTop": 10,
+              "padding": 20,
+            }
+          }
+        >
+          <Image
+            source={
+              {
+                "testUri": "../../../assets/icons/exclamationMark.png",
+              }
+            }
+            style={
+              {
+                "height": 83,
+                "width": 96,
+              }
+            }
+          />
+          <Text
+            color="main"
+            fontSize={16}
+            fontWeight="medium"
+            horizontalTextAlign="left"
+            style={
+              [
+                {
+                  "color": "#000000",
+                  "fontFamily": "Rubik-Medium",
+                  "fontSize": 16,
+                  "textAlign": "left",
+                  "textAlignVertical": "center",
+                },
+                {
+                  "marginBottom": 24,
+                  "marginTop": 24,
+                },
+              ]
+            }
+            verticalTextAlign="center"
+          >
+            Multiple users with same name
+          </Text>
+          <Text
+            color="main"
+            fontSize={14}
+            horizontalTextAlign="left"
+            style={
+              [
+                {
+                  "color": "#000000",
+                  "fontFamily": "Rubik-Regular",
+                  "fontSize": 14,
+                  "textAlign": "left",
+                  "textAlignVertical": "center",
+                },
+                {
+                  "textAlign": "center",
+                },
+              ]
+            }
+            verticalTextAlign="center"
+          >
+            An unregistered user is using the same name as another user. This should be rare, and could mean someone is impersonating another user.
+          </Text>
+          <View
+            style={
+              {
+                "flexDirection": "row",
+                "marginTop": 24,
+              }
+            }
+          >
+            <Text
+              color="main"
+              fontSize={14}
+              horizontalTextAlign="left"
+              style={
+                [
+                  {
+                    "color": "#000000",
+                    "fontFamily": "Rubik-Regular",
+                    "fontSize": 14,
+                    "textAlign": "left",
+                    "textAlignVertical": "center",
+                  },
+                ]
+              }
+              verticalTextAlign="center"
+            >
+              These users will be marked
+            </Text>
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessible={true}
+              focusable={true}
+              onClick={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
+              style={
+                {
+                  "marginLeft": 8,
+                }
+              }
+              testID="user-label"
+            >
+              <View
+                style={
+                  {
+                    "backgroundColor": "#E42656",
+                    "borderRadius": 8,
+                    "cursor": "pointer",
+                    "flexDirection": "row",
+                    "paddingBottom": 3,
+                    "paddingLeft": 8,
+                    "paddingRight": 8,
+                    "paddingTop": 3,
+                  }
+                }
+              >
+                <Image
+                  source={
+                    {
+                      "testUri": "../../../assets/icons/warning-icon.png",
+                    }
+                  }
+                  style={
+                    {
+                      "height": 12,
+                      "marginRight": 4,
+                      "merginLeft": 4,
+                      "width": 13,
+                    }
+                  }
+                />
+                <Text
+                  color="main"
+                  fontSize={12}
+                  horizontalTextAlign="left"
+                  style={
+                    [
+                      {
+                        "color": "#000000",
+                        "fontFamily": "Rubik-Regular",
+                        "fontSize": 12,
+                        "textAlign": "left",
+                        "textAlignVertical": "center",
+                      },
+                      {
+                        "color": "white",
+                      },
+                    ]
+                  }
+                  verticalTextAlign="center"
+                >
+                  Duplicate
+                </Text>
+              </View>
+            </View>
+          </View>
+        </View>
+      </View>
+    `)
+  })
+})
diff --git a/packages/mobile/src/components/UserLabel/Unregistered/UnregisteredUsername.component.tsx b/packages/mobile/src/components/UserLabel/Unregistered/UnregisteredUsername.component.tsx
new file mode 100644
index 0000000000..1d2070400c
--- /dev/null
+++ b/packages/mobile/src/components/UserLabel/Unregistered/UnregisteredUsername.component.tsx
@@ -0,0 +1,31 @@
+import { defaultTheme } from '../../../styles/themes/default.theme'
+import React from 'react'
+import { View } from 'react-native'
+import { Appbar } from '../../Appbar/Appbar.component'
+import { Typography } from '../../Typography/Typography.component'
+import { UnregisteredUsernameComponentProps } from 'packages/mobile/src/screens/UnregisteredUsername/UnregisteredUsername.types'
+import { Button } from '../../Button/Button.component'
+
+const UnregisteredUsernameComponent: React.FC<UnregisteredUsernameComponentProps> = ({
+  handleBackButton,
+  username,
+}) => {
+  return (
+    <View
+      style={{ flex: 1, backgroundColor: defaultTheme.palette.background.white }}
+      testID={'unregistered-username-component'}
+    >
+      <Appbar title={'Unregistered username'} back={handleBackButton} crossBackIcon />
+      <View style={{ padding: 20, alignItems: 'center' }}>
+        <Typography fontSize={14} style={{ textAlign: 'center' }}>
+          The username @{username} has not been registered yet with the community owner, so it’s still possible for
+          someone else to register the same username. When the community owner is online, @{username} will be registered
+          automatically and this alert will go away.
+        </Typography>
+        <Button width={50} title={'OK'} onPress={handleBackButton} />
+      </View>
+    </View>
+  )
+}
+
+export default UnregisteredUsernameComponent
diff --git a/packages/mobile/src/components/UserLabel/Unregistered/UnregisteredUsername.test.tsx b/packages/mobile/src/components/UserLabel/Unregistered/UnregisteredUsername.test.tsx
new file mode 100644
index 0000000000..5798adb524
--- /dev/null
+++ b/packages/mobile/src/components/UserLabel/Unregistered/UnregisteredUsername.test.tsx
@@ -0,0 +1,234 @@
+import { renderComponent } from '../../../utils/functions/renderComponent/renderComponent'
+import UnregisteredUsernameComponent from './UnregisteredUsername.component'
+
+describe('UnregisteredUsername component', () => {
+  it('renders component', () => {
+    const { toJSON } = renderComponent(
+      <UnregisteredUsernameComponent handleBackButton={function (): void {}} username={'johnny'} />
+    )
+    expect(toJSON()).toMatchInlineSnapshot(`
+      <View
+        style={
+          {
+            "backgroundColor": "#ffffff",
+            "flex": 1,
+          }
+        }
+        testID="unregistered-username-component"
+      >
+        <View
+          style={
+            [
+              {
+                "alignItems": "center",
+                "backgroundColor": "#ffffff",
+                "borderBottomColor": "#F0F0F0",
+                "borderBottomWidth": 1,
+                "display": "flex",
+                "flexDirection": "row",
+                "justifyContent": "center",
+                "maxHeight": 52,
+                "minHeight": 52,
+              },
+            ]
+          }
+        >
+          <View
+            style={
+              {
+                "flex": 1,
+              }
+            }
+          >
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": undefined,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              collapsable={false}
+              focusable={true}
+              onClick={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
+              style={
+                {
+                  "opacity": 1,
+                }
+              }
+              testID="appbar_action_item"
+            >
+              <View
+                style={
+                  {
+                    "alignItems": "center",
+                    "height": 50,
+                    "justifyContent": "center",
+                    "width": 64,
+                  }
+                }
+              >
+                <Image
+                  resizeMethod="resize"
+                  resizeMode="cover"
+                  source={
+                    {
+                      "testUri": "../../../assets/icons/icon_close.png",
+                    }
+                  }
+                  style={
+                    {
+                      "height": 16,
+                      "width": 16,
+                    }
+                  }
+                />
+              </View>
+            </View>
+          </View>
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "flex": 4,
+              }
+            }
+          >
+            <Text
+              color="main"
+              fontSize={16}
+              fontWeight="medium"
+              horizontalTextAlign="left"
+              style={
+                [
+                  {
+                    "color": "#000000",
+                    "fontFamily": "Rubik-Medium",
+                    "fontSize": 16,
+                    "textAlign": "left",
+                    "textAlignVertical": "center",
+                  },
+                ]
+              }
+              verticalTextAlign="center"
+            >
+              Unregistered username
+            </Text>
+          </View>
+          <View
+            style={
+              {
+                "flex": 1,
+              }
+            }
+          />
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "padding": 20,
+            }
+          }
+        >
+          <Text
+            color="main"
+            fontSize={14}
+            horizontalTextAlign="left"
+            style={
+              [
+                {
+                  "color": "#000000",
+                  "fontFamily": "Rubik-Regular",
+                  "fontSize": 14,
+                  "textAlign": "left",
+                  "textAlignVertical": "center",
+                },
+                {
+                  "textAlign": "center",
+                },
+              ]
+            }
+            verticalTextAlign="center"
+          >
+            The username @
+            johnny
+             has not been registered yet with the community owner, so it’s still possible for someone else to register the same username. When the community owner is online, @
+            johnny
+             will be registered automatically and this alert will go away.
+          </Text>
+          <View
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": undefined,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessible={true}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "backgroundColor": "#521C74",
+                "borderRadius": 5,
+                "justifyContent": "center",
+                "marginVertical": 12,
+                "minHeight": 45,
+                "paddingVertical": 12,
+                "width": 50,
+              }
+            }
+            testID="button"
+          >
+            <Text
+              color="white"
+              fontSize={14}
+              horizontalTextAlign="left"
+              style={
+                [
+                  {
+                    "color": "#ffffff",
+                    "fontFamily": "Rubik-Regular",
+                    "fontSize": 14,
+                    "textAlign": "left",
+                    "textAlignVertical": "center",
+                  },
+                ]
+              }
+              verticalTextAlign="center"
+            >
+              OK
+            </Text>
+          </View>
+        </View>
+      </View>
+    `)
+  })
+})
diff --git a/packages/mobile/src/components/UserLabel/UserLabel.component.tsx b/packages/mobile/src/components/UserLabel/UserLabel.component.tsx
new file mode 100644
index 0000000000..537d098910
--- /dev/null
+++ b/packages/mobile/src/components/UserLabel/UserLabel.component.tsx
@@ -0,0 +1,70 @@
+import React from 'react'
+import { View, Image, StyleSheet, TouchableWithoutFeedback } from 'react-native'
+import { Typography } from '../Typography/Typography.component'
+import { defaultTheme } from '../../styles/themes/default.theme'
+import { UserLabelHandlers, UserLabelProps, UserLabelType } from './UserLabel.types'
+import WarnIcon from '../../../assets/icons/warning-icon.png'
+
+const classes = StyleSheet.create({
+  mainWrapper: {
+    marginLeft: 8,
+  },
+  wrapperGray: {
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 3,
+    paddingBottom: 3,
+    borderRadius: 8,
+    cursor: 'pointer',
+    backgroundColor: defaultTheme.palette.background.gray06,
+  },
+  wrapperRed: {
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 3,
+    paddingBottom: 3,
+    borderRadius: 8,
+    flexDirection: 'row',
+    cursor: 'pointer',
+    backgroundColor: defaultTheme.palette.typography.error,
+  },
+  textBlack: {
+    color: 'black',
+  },
+  textWhite: {
+    color: 'white',
+  },
+  image: {
+    width: 13,
+    height: 12,
+    marginRight: 4,
+    merginLeft: 4,
+  },
+})
+
+const UserLabel: React.FC<UserLabelProps> = ({
+  type,
+  username,
+  duplicatedUsernameHandleBack,
+  unregisteredUsernameHandleBack,
+}) => {
+  const isUnregistered = type === UserLabelType.UNREGISTERED
+
+  return (
+    <TouchableWithoutFeedback
+      onPress={() => (isUnregistered ? unregisteredUsernameHandleBack(username) : duplicatedUsernameHandleBack())}
+      testID={'user-label'}
+    >
+      <View style={classes.mainWrapper}>
+        <View style={isUnregistered ? classes.wrapperGray : classes.wrapperRed}>
+          {!isUnregistered && <Image source={WarnIcon} style={classes.image} />}
+          <Typography fontSize={12} style={isUnregistered ? classes.textBlack : classes.textWhite}>
+            {type}
+          </Typography>
+        </View>
+      </View>
+    </TouchableWithoutFeedback>
+  )
+}
+
+export default UserLabel
diff --git a/packages/mobile/src/components/UserLabel/UserLabel.test.tsx b/packages/mobile/src/components/UserLabel/UserLabel.test.tsx
new file mode 100644
index 0000000000..28e4c81a4f
--- /dev/null
+++ b/packages/mobile/src/components/UserLabel/UserLabel.test.tsx
@@ -0,0 +1,172 @@
+import { renderComponent } from '../../utils/functions/renderComponent/renderComponent'
+import UserLabel from './UserLabel.component'
+import { UserLabelType } from './UserLabel.types'
+
+describe('UserLabel component', () => {
+  it('UserLabelType.DUPLICATE', () => {
+    const { toJSON } = renderComponent(
+      <UserLabel
+        type={UserLabelType.DUPLICATE}
+        username={'johnny'}
+        duplicatedUsernameHandleBack={function (): void {}}
+        unregisteredUsernameHandleBack={function (username: string): void {}}
+      />
+    )
+    expect(toJSON()).toMatchInlineSnapshot(`
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessible={true}
+        focusable={true}
+        onClick={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          {
+            "marginLeft": 8,
+          }
+        }
+        testID="user-label"
+      >
+        <View
+          style={
+            {
+              "backgroundColor": "#E42656",
+              "borderRadius": 8,
+              "cursor": "pointer",
+              "flexDirection": "row",
+              "paddingBottom": 3,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 3,
+            }
+          }
+        >
+          <Image
+            source={
+              {
+                "testUri": "../../../assets/icons/warning-icon.png",
+              }
+            }
+            style={
+              {
+                "height": 12,
+                "marginRight": 4,
+                "merginLeft": 4,
+                "width": 13,
+              }
+            }
+          />
+          <Text
+            color="main"
+            fontSize={12}
+            horizontalTextAlign="left"
+            style={
+              [
+                {
+                  "color": "#000000",
+                  "fontFamily": "Rubik-Regular",
+                  "fontSize": 12,
+                  "textAlign": "left",
+                  "textAlignVertical": "center",
+                },
+                {
+                  "color": "white",
+                },
+              ]
+            }
+            verticalTextAlign="center"
+          >
+            Duplicate
+          </Text>
+        </View>
+      </View>
+    `)
+  })
+  it('UserLabelType.UNREGISTERED', () => {
+    const { toJSON } = renderComponent(
+      <UserLabel
+        type={UserLabelType.UNREGISTERED}
+        username={'johnny'}
+        duplicatedUsernameHandleBack={function (): void {}}
+        unregisteredUsernameHandleBack={function (username: string): void {}}
+      />
+    )
+    expect(toJSON()).toMatchInlineSnapshot(`
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessible={true}
+        focusable={true}
+        onClick={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          {
+            "marginLeft": 8,
+          }
+        }
+        testID="user-label"
+      >
+        <View
+          style={
+            {
+              "backgroundColor": "#F0F0F0",
+              "borderRadius": 8,
+              "cursor": "pointer",
+              "paddingBottom": 3,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 3,
+            }
+          }
+        >
+          <Text
+            color="main"
+            fontSize={12}
+            horizontalTextAlign="left"
+            style={
+              [
+                {
+                  "color": "#000000",
+                  "fontFamily": "Rubik-Regular",
+                  "fontSize": 12,
+                  "textAlign": "left",
+                  "textAlignVertical": "center",
+                },
+                {
+                  "color": "black",
+                },
+              ]
+            }
+            verticalTextAlign="center"
+          >
+            Unregistered
+          </Text>
+        </View>
+      </View>
+    `)
+  })
+})
diff --git a/packages/mobile/src/components/UserLabel/UserLabel.types.ts b/packages/mobile/src/components/UserLabel/UserLabel.types.ts
new file mode 100644
index 0000000000..572c795e8a
--- /dev/null
+++ b/packages/mobile/src/components/UserLabel/UserLabel.types.ts
@@ -0,0 +1,14 @@
+export enum UserLabelType {
+  DUPLICATE = 'Duplicate',
+  UNREGISTERED = 'Unregistered',
+}
+
+export interface UserLabelHandlers {
+  duplicatedUsernameHandleBack: () => void
+  unregisteredUsernameHandleBack: (username: string) => void
+}
+
+export interface UserLabelProps extends UserLabelHandlers {
+  type: UserLabelType
+  username: string
+}
diff --git a/packages/mobile/src/const/ScreenNames.enum.ts b/packages/mobile/src/const/ScreenNames.enum.ts
index 9923ae21e7..06afa606d9 100644
--- a/packages/mobile/src/const/ScreenNames.enum.ts
+++ b/packages/mobile/src/const/ScreenNames.enum.ts
@@ -12,4 +12,6 @@ export enum ScreenNames {
   QRCodeScreen = 'QRCodeScreen',
   LeaveCommunityScreen = 'LeaveCommunityScreen',
   ConnectionProcessScreen = 'ConnectionProcessScreen',
+  DuplicatedUsernameScreen = 'DuplicatedUsernameScreen',
+  UnregisteredUsernameScreen = 'UnregisteredUsernameScreen',
 }
diff --git a/packages/mobile/src/route.params.ts b/packages/mobile/src/route.params.ts
index 7a160fff28..de7ab4dba2 100644
--- a/packages/mobile/src/route.params.ts
+++ b/packages/mobile/src/route.params.ts
@@ -38,6 +38,10 @@ export type RootStackParamList = {
     message?: string
   }
   [ScreenNames.ConnectionProcessScreen]: undefined
+  [ScreenNames.DuplicatedUsernameScreen]: undefined
+  [ScreenNames.UnregisteredUsernameScreen]: {
+    username: string
+  }
 }
 
 export type SplashRouteProp = RouteProp<RootStackParamList, ScreenNames.SplashScreen>
@@ -51,3 +55,7 @@ export type DeleteChannelRouteProps = RouteProp<RootStackParamList, ScreenNames.
 export type SuccessRouteProp = RouteProp<RootStackParamList, ScreenNames.SuccessScreen>
 
 export type ErrorRouteProp = RouteProp<RootStackParamList, ScreenNames.ErrorScreen>
+
+export type DuplicatedUsernameRouteProps = RouteProp<RootStackParamList, ScreenNames.DuplicatedUsernameScreen>
+
+export type UnregisteredUsernameRouteProps = RouteProp<RootStackParamList, ScreenNames.UnregisteredUsernameScreen>
diff --git a/packages/mobile/src/screens/Channel/Channel.screen.tsx b/packages/mobile/src/screens/Channel/Channel.screen.tsx
index 05258ce72e..d33ae8959e 100644
--- a/packages/mobile/src/screens/Channel/Channel.screen.tsx
+++ b/packages/mobile/src/screens/Channel/Channel.screen.tsx
@@ -107,6 +107,30 @@ export const ChannelScreen: FC = () => {
       return updatedExistingFiles
     })
 
+  //User Label
+
+  const duplicatedUsernameHandleBack = useCallback(() => {
+    dispatch(
+      navigationActions.navigation({
+        screen: ScreenNames.DuplicatedUsernameScreen,
+      })
+    )
+  }, [dispatch])
+
+  const unregisteredUsernameHandleBack = useCallback(
+    (username: string) => {
+      dispatch(
+        navigationActions.navigation({
+          screen: ScreenNames.UnregisteredUsernameScreen,
+          params: {
+            username,
+          },
+        })
+      )
+    },
+    [dispatch]
+  )
+
   const sendMessageAction = React.useCallback(
     async (message: string) => {
       if (message) {
@@ -158,6 +182,8 @@ export const ChannelScreen: FC = () => {
       openUrl={openUrl}
       uploadedFiles={uploadingFiles}
       ready={ready}
+      duplicatedUsernameHandleBack={duplicatedUsernameHandleBack}
+      unregisteredUsernameHandleBack={unregisteredUsernameHandleBack}
     />
   )
 }
diff --git a/packages/mobile/src/screens/DuplicatedUsername/DuplicatedUsername.screen.tsx b/packages/mobile/src/screens/DuplicatedUsername/DuplicatedUsername.screen.tsx
new file mode 100644
index 0000000000..a0dcd13f59
--- /dev/null
+++ b/packages/mobile/src/screens/DuplicatedUsername/DuplicatedUsername.screen.tsx
@@ -0,0 +1,20 @@
+import React, { FC, useCallback } from 'react'
+import { useDispatch } from 'react-redux'
+import { navigationActions } from '../../store/navigation/navigation.slice'
+import { ScreenNames } from '../../const/ScreenNames.enum'
+import DuplicatedUsernameComponent from '../../components/UserLabel/Duplicated/DuplicatedUsername.component'
+import { DuplicatedUsernameScreenProps } from './DuplicatedUsername.types'
+
+export const DuplicatedUsernameScreen: FC<DuplicatedUsernameScreenProps> = ({ route }) => {
+  const dispatch = useDispatch()
+
+  const handleBackButton = useCallback(() => {
+    dispatch(
+      navigationActions.replaceScreen({
+        screen: ScreenNames.ChannelScreen,
+      })
+    )
+  }, [dispatch])
+
+  return <DuplicatedUsernameComponent handleBackButton={handleBackButton} />
+}
diff --git a/packages/mobile/src/screens/DuplicatedUsername/DuplicatedUsername.types.ts b/packages/mobile/src/screens/DuplicatedUsername/DuplicatedUsername.types.ts
new file mode 100644
index 0000000000..10490ad211
--- /dev/null
+++ b/packages/mobile/src/screens/DuplicatedUsername/DuplicatedUsername.types.ts
@@ -0,0 +1,9 @@
+import { DuplicatedUsernameRouteProps } from '../../route.params'
+
+export interface DuplicatedUsernameScreenProps {
+  route: DuplicatedUsernameRouteProps
+}
+
+export interface DuplicatedUsernameComponentProps {
+  handleBackButton: () => void
+}
diff --git a/packages/mobile/src/screens/UnregisteredUsername/UnregisteredUsername.screen.tsx b/packages/mobile/src/screens/UnregisteredUsername/UnregisteredUsername.screen.tsx
new file mode 100644
index 0000000000..a04bf19009
--- /dev/null
+++ b/packages/mobile/src/screens/UnregisteredUsername/UnregisteredUsername.screen.tsx
@@ -0,0 +1,22 @@
+import React, { FC, useCallback } from 'react'
+import { useDispatch } from 'react-redux'
+import { navigationActions } from '../../store/navigation/navigation.slice'
+import { ScreenNames } from '../../const/ScreenNames.enum'
+import { UnregisteredUsernameScreenProps } from './UnregisteredUsername.types'
+import UnregisteredUsernameComponent from '../../components/UserLabel/Unregistered/UnregisteredUsername.component'
+
+export const UnregisteredUsernameScreen: FC<UnregisteredUsernameScreenProps> = ({ route }) => {
+  const dispatch = useDispatch()
+
+  const { username } = route.params
+
+  const handleBackButton = useCallback(() => {
+    dispatch(
+      navigationActions.replaceScreen({
+        screen: ScreenNames.ChannelScreen,
+      })
+    )
+  }, [dispatch])
+
+  return <UnregisteredUsernameComponent handleBackButton={handleBackButton} username={username} />
+}
diff --git a/packages/mobile/src/screens/UnregisteredUsername/UnregisteredUsername.types.ts b/packages/mobile/src/screens/UnregisteredUsername/UnregisteredUsername.types.ts
new file mode 100644
index 0000000000..d11bb7f340
--- /dev/null
+++ b/packages/mobile/src/screens/UnregisteredUsername/UnregisteredUsername.types.ts
@@ -0,0 +1,10 @@
+import { UnregisteredUsernameRouteProps } from '../../route.params'
+
+export interface UnregisteredUsernameScreenProps {
+  route: UnregisteredUsernameRouteProps
+}
+
+export interface UnregisteredUsernameComponentProps {
+  handleBackButton: () => void
+  username: string
+}