diff --git a/src/features/ui/components/modals/nostr-login-modal/components/emoji-graphic.tsx b/src/components/emoji-graphic.tsx
similarity index 100%
rename from src/features/ui/components/modals/nostr-login-modal/components/emoji-graphic.tsx
rename to src/components/emoji-graphic.tsx
diff --git a/src/features/ui/components/modals/nostr-login-modal/steps/extension-step.tsx b/src/features/ui/components/modals/nostr-login-modal/steps/extension-step.tsx
index 8144a47cd..da9406105 100644
--- a/src/features/ui/components/modals/nostr-login-modal/steps/extension-step.tsx
+++ b/src/features/ui/components/modals/nostr-login-modal/steps/extension-step.tsx
@@ -2,10 +2,10 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import { nostrExtensionLogIn } from 'soapbox/actions/nostr';
+import EmojiGraphic from 'soapbox/components/emoji-graphic';
 import { Button, Stack, Modal } from 'soapbox/components/ui';
 import { useAppDispatch } from 'soapbox/hooks';
 
-import EmojiGraphic from '../components/emoji-graphic';
 import { Step } from '../nostr-login-modal';
 
 interface IExtensionStep {
diff --git a/src/features/ui/components/modals/nostr-login-modal/steps/key-add-step.tsx b/src/features/ui/components/modals/nostr-login-modal/steps/key-add-step.tsx
index d1a8c2ac3..15b20dcb0 100644
--- a/src/features/ui/components/modals/nostr-login-modal/steps/key-add-step.tsx
+++ b/src/features/ui/components/modals/nostr-login-modal/steps/key-add-step.tsx
@@ -2,10 +2,10 @@ import { nip19 } from 'nostr-tools';
 import React, { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
+import EmojiGraphic from 'soapbox/components/emoji-graphic';
 import { Button, Stack, Modal, Input, FormGroup, Form } from 'soapbox/components/ui';
 import { NKeys } from 'soapbox/features/nostr/keys';
 
-import EmojiGraphic from '../components/emoji-graphic';
 import NostrExtensionIndicator from '../components/nostr-extension-indicator';
 
 interface IKeyAddStep {
diff --git a/src/features/ui/components/modals/nostr-signup-modal/components/emoji-graphic.tsx b/src/features/ui/components/modals/nostr-signup-modal/components/emoji-graphic.tsx
deleted file mode 100644
index 541920307..000000000
--- a/src/features/ui/components/modals/nostr-signup-modal/components/emoji-graphic.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-
-import Emoji from 'soapbox/components/ui/emoji/emoji';
-
-interface IEmojiGraphic {
-  emoji: string;
-}
-
-/** Large emoji with a background for display purposes (eg breaking up a page). */
-const EmojiGraphic: React.FC<IEmojiGraphic> = ({ emoji }) => {
-  return (
-    <div className='flex items-center justify-center'>
-      <div className='rounded-full bg-gray-100 p-8 dark:bg-gray-800'>
-        <Emoji className='h-24 w-24' emoji={emoji} />
-      </div>
-    </div>
-  );
-};
-
-export default EmojiGraphic;
\ No newline at end of file
diff --git a/src/features/ui/components/modals/nostr-signup-modal/steps/extension-step.tsx b/src/features/ui/components/modals/nostr-signup-modal/steps/extension-step.tsx
index d1f7e9ab8..94194d7f2 100644
--- a/src/features/ui/components/modals/nostr-signup-modal/steps/extension-step.tsx
+++ b/src/features/ui/components/modals/nostr-signup-modal/steps/extension-step.tsx
@@ -2,10 +2,10 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import { nostrExtensionLogIn } from 'soapbox/actions/nostr';
+import EmojiGraphic from 'soapbox/components/emoji-graphic';
 import { Button, Stack, Modal } from 'soapbox/components/ui';
 import { useAppDispatch } from 'soapbox/hooks';
 
-import EmojiGraphic from '../components/emoji-graphic';
 import { Step } from '../nostr-signup-modal';
 
 interface IExtensionStep {
diff --git a/src/features/ui/components/modals/nostr-signup-modal/steps/key-step.tsx b/src/features/ui/components/modals/nostr-signup-modal/steps/key-step.tsx
index f4631adb7..e6e4d40e4 100644
--- a/src/features/ui/components/modals/nostr-signup-modal/steps/key-step.tsx
+++ b/src/features/ui/components/modals/nostr-signup-modal/steps/key-step.tsx
@@ -2,10 +2,10 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import { openModal } from 'soapbox/actions/modals';
+import EmojiGraphic from 'soapbox/components/emoji-graphic';
 import { Button, Stack, Modal } from 'soapbox/components/ui';
 import { useAppDispatch } from 'soapbox/hooks';
 
-import EmojiGraphic from '../components/emoji-graphic';
 import NostrExtensionIndicator from '../components/nostr-extension-indicator';
 import { Step } from '../nostr-signup-modal';
 
diff --git a/src/features/ui/components/modals/nostr-signup-modal/steps/keygen-step.tsx b/src/features/ui/components/modals/nostr-signup-modal/steps/keygen-step.tsx
index 8c472aea8..c68fa7546 100644
--- a/src/features/ui/components/modals/nostr-signup-modal/steps/keygen-step.tsx
+++ b/src/features/ui/components/modals/nostr-signup-modal/steps/keygen-step.tsx
@@ -4,14 +4,13 @@ import { FormattedMessage } from 'react-intl';
 
 import { fetchAccount } from 'soapbox/actions/accounts';
 import CopyableInput from 'soapbox/components/copyable-input';
+import EmojiGraphic from 'soapbox/components/emoji-graphic';
 import { Button, Stack, Modal, FormGroup, Text, Tooltip } from 'soapbox/components/ui';
 import { NKeys } from 'soapbox/features/nostr/keys';
 import { useAppDispatch, useInstance } from 'soapbox/hooks';
 import { download } from 'soapbox/utils/download';
 import { slugify } from 'soapbox/utils/input';
 
-import EmojiGraphic from '../components/emoji-graphic';
-
 interface IKeygenStep {
   onClose(): void;
 }