diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/EmojiPicker.tsx b/src/frontend/apps/impress/src/components/Emoji/EmojiPicker.tsx
similarity index 100%
rename from src/frontend/apps/impress/src/features/docs/doc-editor/components/EmojiPicker.tsx
rename to src/frontend/apps/impress/src/components/Emoji/EmojiPicker.tsx
diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/initEmojiCallout.ts b/src/frontend/apps/impress/src/components/Emoji/initEmojiCallout.ts
similarity index 100%
rename from src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/initEmojiCallout.ts
rename to src/frontend/apps/impress/src/components/Emoji/initEmojiCallout.ts
diff --git a/src/frontend/apps/impress/src/components/index.ts b/src/frontend/apps/impress/src/components/index.ts
index 904c11bad..c55048eb4 100644
--- a/src/frontend/apps/impress/src/components/index.ts
+++ b/src/frontend/apps/impress/src/components/index.ts
@@ -3,6 +3,8 @@ export * from './BoxButton';
 export * from './Card';
 export * from './DropButton';
 export * from './dropdown-menu/DropdownMenu';
+export * from './Emoji/EmojiPicker';
+export { default as emojidata } from './Emoji/initEmojiCallout';
 export * from './quick-search';
 export * from './Icon';
 export * from './InfiniteScroll';
diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
index 5739a980b..e4dd63fcd 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
@@ -12,12 +12,9 @@ import { TFunction } from 'i18next';
 import React, { useEffect, useState } from 'react';
 import { createGlobalStyle, css } from 'styled-components';
 
-import { Box, BoxButton, Icon } from '@/components';
+import { Box, BoxButton, EmojiPicker, Icon, emojidata } from '@/components';
 
 import { DocsBlockNoteEditor } from '../../types';
-import { EmojiPicker } from '../EmojiPicker';
-
-import emojidata from './initEmojiCallout';
 
 const CalloutBlockStyle = createGlobalStyle`
   .bn-block-content[data-content-type="callout"][data-background-color] {
diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/index.ts b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/index.ts
index 65814e96d..961483883 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/index.ts
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/index.ts
@@ -1,5 +1,4 @@
 export * from './AccessibleImageBlock';
 export * from './CalloutBlock';
-export { default as emojidata } from './initEmojiCallout';
 export * from './PdfBlock';
 export * from './UploadLoaderBlock';
diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/index.ts b/src/frontend/apps/impress/src/features/docs/doc-editor/components/index.ts
index 2e24346df..8e3b3f5f2 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/index.ts
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/index.ts
@@ -1,4 +1,3 @@
 export * from './BlockNoteEditor';
 export * from './DocEditor';
-export * from './EmojiPicker';
 export * from './custom-blocks/';
diff --git a/src/frontend/apps/impress/src/features/docs/doc-management/components/DocIcon.tsx b/src/frontend/apps/impress/src/features/docs/doc-management/components/DocIcon.tsx
index 208969d62..8a0613c46 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-management/components/DocIcon.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-management/components/DocIcon.tsx
@@ -2,8 +2,14 @@ import { MouseEvent, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
 
-import { BoxButton, BoxButtonType, Text, TextType } from '@/components';
-import { EmojiPicker, emojidata } from '@/docs/doc-editor/';
+import {
+  BoxButton,
+  BoxButtonType,
+  EmojiPicker,
+  Text,
+  TextType,
+  emojidata,
+} from '@/components';
 
 import { useDocTitleUpdate } from '../hooks/useDocTitleUpdate';