diff --git a/cspell.json b/cspell.json
index 35bc186fb02e..c1a709d0e0c1 100644
--- a/cspell.json
+++ b/cspell.json
@@ -55,6 +55,7 @@
         "clonable",
         "codegen",
         "commentid",
+        "composertitlebar",
         "consolas",
         "contenteditable",
         "contrib",
@@ -232,6 +233,7 @@
         "thegraph",
         "timelock",
         "timelocked",
+        "titlebar",
         "tokelau",
         "tokenid",
         "traderjoe",
diff --git a/packages/mask/src/components/InjectedComponents/PostDialogHint.tsx b/packages/mask/src/components/InjectedComponents/PostDialogHint.tsx
index 88e108d3a955..d952a48fcbc9 100644
--- a/packages/mask/src/components/InjectedComponents/PostDialogHint.tsx
+++ b/packages/mask/src/components/InjectedComponents/PostDialogHint.tsx
@@ -4,7 +4,7 @@ import { useStylesExtends, makeStyles } from '@masknet/theme'
 import { useI18N } from '../../utils'
 import type { BannerProps } from '../Welcomes/Banner'
 import { isMobileFacebook } from '../../social-network-adaptor/facebook.com/utils/isMobile'
-import { MaskSharpIcon } from '../../resources/MaskIcon'
+import { MaskSharpIcon, MaskIconInMinds } from '../../resources/MaskIcon'
 import classNames from 'classnames'
 import GuideStep from '../GuideStep'
 import { usePersonaConnectStatus } from '../DataSource/usePersonaConnectStatus'
@@ -18,6 +18,7 @@ export interface PostDialogHintUIProps extends withClasses<'buttonTransform' | '
     disableGuideTip?: boolean
     size?: number
     tooltip?: TooltipConfigProps
+    iconType?: string
     onHintButtonClicked: () => void
 }
 
@@ -43,6 +44,11 @@ const useStyles = makeStyles()((theme) => ({
     },
 }))
 
+const ICON_MAP: Record<string, JSX.Element> = {
+    minds: <MaskIconInMinds />,
+    default: <MaskSharpIcon color="primary" />,
+}
+
 const EntryIconButton = memo((props: PostDialogHintUIProps) => {
     const { t } = useI18N()
     const { size, tooltip, disableGuideTip } = props
@@ -61,7 +67,7 @@ const EntryIconButton = memo((props: PostDialogHintUIProps) => {
                 size="large"
                 className={classNames(classes.button, classes.iconButton)}
                 onClick={props.onHintButtonClicked}>
-                <MaskSharpIcon size={size} color="primary" />
+                {ICON_MAP?.[props?.iconType ?? 'default']}
             </IconButton>
         </Tooltip>
     )
@@ -96,6 +102,7 @@ export interface PostDialogHintProps extends Partial<PostDialogHintUIProps> {
     NotSetupYetPromptProps?: Partial<BannerProps>
     size?: number
     disableGuideTip?: boolean
+    iconType?: string
 }
 export function PostDialogHint(props: PostDialogHintProps) {
     const personaConnectStatus = usePersonaConnectStatus()
diff --git a/packages/mask/src/components/Welcomes/Banner.tsx b/packages/mask/src/components/Welcomes/Banner.tsx
index f12b227f2939..514adbaf7132 100644
--- a/packages/mask/src/components/Welcomes/Banner.tsx
+++ b/packages/mask/src/components/Welcomes/Banner.tsx
@@ -5,7 +5,7 @@ import { useLastRecognizedIdentity, useMyIdentities } from '../DataSource/useAct
 import Services from '../../extension/service'
 import { activatedSocialNetworkUI } from '../../social-network'
 import { DashboardRoutes } from '@masknet/shared-base'
-import { MaskSharpIcon } from '../../resources/MaskIcon'
+import { MaskIconInMinds, MaskSharpIcon } from '../../resources/MaskIcon'
 import { useMount } from 'react-use'
 import { usePersonaConnectStatus } from '../DataSource/usePersonaConnectStatus'
 import { hasNativeAPI, nativeAPI } from '../../../shared/native-rpc'
@@ -21,6 +21,12 @@ interface BannerUIProps extends withClasses<never | 'header' | 'content' | 'acti
               defaultValue: string
               onChange(nextValue: string): void
           }
+    iconType?: string
+}
+
+const ICON_MAP: Record<string, JSX.Element> = {
+    minds: <MaskIconInMinds />,
+    default: <MaskSharpIcon color="primary" />,
 }
 const useStyles = makeStyles()({
     buttonText: {
@@ -38,7 +44,7 @@ export function BannerUI(props: BannerUIProps) {
 
     return props.nextStep === 'hidden' ? null : (
         <IconButton size="large" className={classes.buttonText} onClick={props.nextStep.onClick}>
-            <MaskSharpIcon color="primary" />
+            {ICON_MAP?.[props?.iconType ?? 'default']}
         </IconButton>
     )
 }
diff --git a/packages/mask/src/resources/MaskIcon.tsx b/packages/mask/src/resources/MaskIcon.tsx
index da0ccf3affd0..cba3abb6753b 100644
--- a/packages/mask/src/resources/MaskIcon.tsx
+++ b/packages/mask/src/resources/MaskIcon.tsx
@@ -108,6 +108,23 @@ export function MaskSharpIcon(props: SvgIconPropsWithSize) {
     )
 }
 
+export function MaskIconInMinds(props: SvgIconPropsWithSize) {
+    const { size = 18, color } = props
+    return (
+        <SvgIcon style={{ width: size, height: size }} color={color} viewBox="0 0 52 52">
+            <svg width="52" height="52" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M26 52c14.36 0 26-11.64 26-26S40.36 0 26 0 0 11.64 0 26s11.64 26 26 26Z" fill="#72727C" />
+                <path
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                    d="M41.693 19.609v8.634H14.242c1.199 5.24 5.955 9.153 11.64 9.153 4.7 0 8.765-2.675 10.71-6.562h5.1v7.252c0 1.717-1.413 3.109-3.157 3.109H13.269c-1.744 0-3.158-1.392-3.158-3.109V19.61h31.582Zm-8.13 11.225a9.33 9.33 0 0 1-7.681 3.991 9.33 9.33 0 0 1-7.681-3.991h15.362ZM19.147 21.68c-2.475 0-4.523 1.801-4.863 4.145h2.692a2.279 2.279 0 0 1 2.17-1.555c1.016 0 1.876.653 2.172 1.555h2.692c-.34-2.344-2.388-4.145-4.863-4.145Zm13.51 0c-2.475 0-4.523 1.801-4.863 4.145h2.692a2.279 2.279 0 0 1 2.17-1.555c1.016 0 1.876.653 2.172 1.555h2.692c-.34-2.344-2.388-4.145-4.863-4.145Zm5.878-11.57c1.744 0 3.158 1.392 3.158 3.108v3.8H10.11v-3.8c0-1.716 1.414-3.108 3.158-3.108h25.266Z"
+                    fill="#fff"
+                />
+            </svg>
+        </SvgIcon>
+    )
+}
+
 export function MaskSharpIconOfSize(props: SvgIconPropsWithSize) {
     return (
         <SvgIcon {...props}>
diff --git a/packages/mask/src/social-network-adaptor/minds.com/injection/PostDialogHint.tsx b/packages/mask/src/social-network-adaptor/minds.com/injection/PostDialogHint.tsx
index 88c409cabefd..04bc8c38585a 100644
--- a/packages/mask/src/social-network-adaptor/minds.com/injection/PostDialogHint.tsx
+++ b/packages/mask/src/social-network-adaptor/minds.com/injection/PostDialogHint.tsx
@@ -5,10 +5,10 @@ import { useCallback } from 'react'
 import { PostDialogHint } from '../../../components/InjectedComponents/PostDialogHint'
 import { createReactRootShadowed } from '../../../utils/shadow-root/renderInShadowRoot'
 import { startWatch } from '../../../utils/watcher'
-import { postEditorInPopupSelector, postEditorInTimelineSelector } from '../utils/selector'
+import { postEditorInDialogSelector, postEditorInTimelineSelector } from '../utils/selector'
 
 export function injectPostDialogHintAtMinds(signal: AbortSignal) {
-    renderPostDialogHintTo(postEditorInPopupSelector(), signal, 'popup')
+    renderPostDialogHintTo(postEditorInDialogSelector(), signal, 'popup')
     renderPostDialogHintTo(postEditorInTimelineSelector(), signal, 'timeline')
 }
 
@@ -32,7 +32,7 @@ const useStyles = makeStyles<StyleProps>()((theme, { reason }) => ({
         margin: 0,
     },
     buttonTransform: {
-        ...(reason === 'timeline' ? { width: '40px', transform: 'translateX(160px) translateY(-70px)' } : {}),
+        ...(reason === 'timeline' ? { width: '40px', transform: 'translateX(200px) translateY(-78px)' } : {}),
     },
     iconButton: {
         '&:hover': {
@@ -51,6 +51,7 @@ function PostDialogHintAtMinds({ reason }: { reason: 'timeline' | 'popup' }) {
     return (
         <PostDialogHint
             size={17}
+            iconType="minds"
             onHintButtonClicked={onHintButtonClicked}
             tooltip={{ disabled: true }}
             classes={{
diff --git a/packages/mask/src/social-network-adaptor/minds.com/injection/SetupPrompt.tsx b/packages/mask/src/social-network-adaptor/minds.com/injection/SetupPrompt.tsx
index abb01998d38b..9cad4f69527e 100644
--- a/packages/mask/src/social-network-adaptor/minds.com/injection/SetupPrompt.tsx
+++ b/packages/mask/src/social-network-adaptor/minds.com/injection/SetupPrompt.tsx
@@ -3,43 +3,42 @@ import { makeStyles } from '@masknet/theme'
 import { NotSetupYetPrompt } from '../../../components/shared/NotSetupYetPrompt'
 import { createReactRootShadowed } from '../../../utils/shadow-root/renderInShadowRoot'
 import { startWatch } from '../../../utils/watcher'
-import { postEditorInPopupSelector, postEditorInTimelineSelector } from '../utils/selector'
+import { postEditorInTimelineSelector, postEditorInDialogSelector } from '../utils/selector'
 
 export function injectSetupPromptAtMinds(signal: AbortSignal) {
-    injectSetupPrompt(postEditorInPopupSelector(), signal)
-    injectSetupPrompt(postEditorInTimelineSelector(), signal)
+    injectSetupPrompt(postEditorInTimelineSelector(), signal, <MindsNotSetupYet_Timeline />)
+    injectSetupPrompt(postEditorInDialogSelector(), signal, <MindsNotSetupYet_Popup />)
 }
 
-function injectSetupPrompt<T>(ls: LiveSelector<T, true>, signal: AbortSignal) {
-    const watcher = new MutationObserverWatcher(ls, document.querySelector('m-app')!)
+function injectSetupPrompt<T>(ls: LiveSelector<T, true>, signal: AbortSignal, element: JSX.Element) {
+    const watcher = new MutationObserverWatcher(ls)
     startWatch(watcher, signal)
 
     watcher.useForeach((node, key, meta) => {
-        const tagsAnchor =
-            watcher.firstDOMProxy.current?.parentElement?.querySelector<HTMLAnchorElement>('a:nth-child(4)')
-        if (tagsAnchor) {
-            tagsAnchor.style.marginRight = '10px'
-        }
         createReactRootShadowed(watcher.firstDOMProxy.afterShadow, {
             signal,
-        }).render(<MindsNotSetupYet />)
+        }).render(element)
     })
 }
 
 const useStyles = makeStyles()({
     buttonText: {
         margin: '-2px 0 !important',
-        transform: 'translateX(160px) translateY(-70px)',
+        transform: 'translateX(200px) translateY(-78px)',
     },
     content: {
         marginRight: 5,
     },
+    buttonNoMargin: {
+        margin: '0 !important',
+    },
 })
 
-const MindsNotSetupYet = () => {
+const MindsNotSetupYet_Timeline = () => {
     const { classes } = useStyles()
     return (
         <NotSetupYetPrompt
+            iconType="minds"
             classes={{
                 buttonText: classes.buttonText,
                 content: classes.content,
@@ -47,3 +46,8 @@ const MindsNotSetupYet = () => {
         />
     )
 }
+
+const MindsNotSetupYet_Popup = () => {
+    const { classes } = useStyles()
+    return <NotSetupYetPrompt iconType="minds" classes={{ buttonText: classes.buttonNoMargin }} />
+}
diff --git a/packages/mask/src/social-network-adaptor/minds.com/utils/selector.ts b/packages/mask/src/social-network-adaptor/minds.com/utils/selector.ts
index ed0d973592b9..47fd391b1f1b 100644
--- a/packages/mask/src/social-network-adaptor/minds.com/utils/selector.ts
+++ b/packages/mask/src/social-network-adaptor/minds.com/utils/selector.ts
@@ -19,6 +19,9 @@ export const composerModalSelector: () => LiveSelector<E, true> = () => querySel
 export const postEditorInPopupSelector: () => LiveSelector<E, true> = () =>
     querySelector<E>('m-composer__modal m-composer__toolbar > div > *:nth-child(4)', true)
 
+export const postEditorInDialogSelector: () => LiveSelector<E, true> = () =>
+    querySelector<E>('m-composer__modal m-composer__titlebar m-composertitlebar__dropdown', true)
+
 export const postEditorInTimelineSelector: () => LiveSelector<E, true> = () =>
     querySelector<E>('m-newsfeed m-composer', true)