diff --git a/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx b/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx
index 4600884917..6470378907 100644
--- a/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx
+++ b/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx
@@ -256,7 +256,7 @@ export const QuickInsertPopup = () => {
                     key={menu.id}
                     className={clsx('univer-w-[calc(220px-var(--padding-base)*2)] univer-text-sm', {
                         'hover:univer-bg-transparent': !isFocused,
-                        'univer-bg-gray-100': isFocused,
+                        'univer-bg-gray-100 dark:univer-bg-gray-500': isFocused,
                     })}
                     onClick={() => {
                         handleMenuSelect(menu as IDocPopupMenuItem);
diff --git a/packages/docs-quick-insert-ui/src/views/menu/index.tsx b/packages/docs-quick-insert-ui/src/views/menu/index.tsx
index 7117d7b512..bd6de166e1 100644
--- a/packages/docs-quick-insert-ui/src/views/menu/index.tsx
+++ b/packages/docs-quick-insert-ui/src/views/menu/index.tsx
@@ -80,6 +80,7 @@ export const QuickInsertButton = ({ className = '' }: IQuickInsertButtonProps) =
               univer-mr-1 univer-flex univer-cursor-pointer univer-items-center univer-gap-2.5 univer-rounded-full
               univer-p-1.5 univer-shadow-sm
               dark:hover:!univer-bg-gray-700
+              dark:univer-text-gray-200
               hover:univer-bg-gray-100
             `, borderClassName, {
                 'univer-bg-gray-100 dark:!univer-bg-gray-700': editPopup,
@@ -89,7 +90,7 @@ export const QuickInsertButton = ({ className = '' }: IQuickInsertButtonProps) =
             tabIndex={0}
             onClick={onClick}
         >
-            <PlusSingle className="univer-text-gray-800" />
+            <PlusSingle className="univer-text-gray-800 dark:univer-text-gray-200" />
         </div>
     );
 };