diff --git a/src/components/blockHeader/index.tsx b/src/components/blockHeader/index.tsx
index ad141b273..d23fac43b 100644
--- a/src/components/blockHeader/index.tsx
+++ b/src/components/blockHeader/index.tsx
@@ -53,7 +53,7 @@ const BlockHeader: React.FC<BlockHeaderProps> = function (props) {
     const { beforeTitle = <div className={`default ${isSmall ? 'small' : ''}`}></div> } = props;
     const questionTooltip = tooltip && (
         <Tooltip title={tooltip}>
-            <QuestionCircleOutlined />
+            <QuestionCircleOutlined className={`${prefixCls}-after-title-icon`} />
         </Tooltip>
     );
     const newAfterTitle = afterTitle || questionTooltip;
diff --git a/src/components/blockHeader/style.scss b/src/components/blockHeader/style.scss
index 9753147d2..d8c02f9f6 100644
--- a/src/components/blockHeader/style.scss
+++ b/src/components/blockHeader/style.scss
@@ -57,8 +57,14 @@ $card_prefix: "dtc-block-header";
                 margin-right: 4px;
             }
             .#{$card_prefix}-after-title {
+                display: flex;
+                align-items: center;
                 color: #8B8FA8;
                 font-size: 12px;
+                &-icon {
+                    font-size: 16px;
+                    color: #B1B4C5;
+                }
             }
         }