diff --git a/web/app/components/datasets/common/retrieval-param-config/index.tsx b/web/app/components/datasets/common/retrieval-param-config/index.tsx
index 7c528044e1..dc29a3b524 100644
--- a/web/app/components/datasets/common/retrieval-param-config/index.tsx
+++ b/web/app/components/datasets/common/retrieval-param-config/index.tsx
@@ -140,7 +140,7 @@ const RetrievalParamConfig: FC<Props> = ({
               </div>
             )}
             <div className='flex items-center'>
-              <span className='mr-0.5'>{t('common.modelProvider.rerankModel.key')}</span>
+              <span className='mr-0.5 text-text-secondary'>{t('common.modelProvider.rerankModel.key')}</span>
               <Tooltip
                 popupContent={
                   <div className="w-[200px]">{t('common.modelProvider.rerankModel.tip')}</div>
diff --git a/web/app/components/datasets/create/step-two/index.tsx b/web/app/components/datasets/create/step-two/index.tsx
index a9e88afc88..7f3b7520b5 100644
--- a/web/app/components/datasets/create/step-two/index.tsx
+++ b/web/app/components/datasets/create/step-two/index.tsx
@@ -880,13 +880,13 @@ const StepTwo = ({
                         disabled={!isAPIKeySet || hasSetIndexType || docForm !== ChuckingMode.text}
                         ref={economyDomRef}
                         onSwitched={() => {
-                          if (isAPIKeySet)
+                          if (isAPIKeySet && docForm === ChuckingMode.text)
                             setIndexType(IndexingType.ECONOMICAL)
                         }}
                       />
                     </PortalToFollowElemTrigger>
                     <PortalToFollowElemContent>
-                      <div className='p-3 bg-white text-xs font-medium text-text-secondary rounded-lg shadow-lg'>
+                      <div className='p-3 bg-components-tooltip-bg border-components-panel-border text-xs font-medium text-text-secondary rounded-lg shadow-lg'>
                         {
                           docForm === ChuckingMode.qa
                             ? t('datasetCreation.stepTwo.notAvailableForQA')
diff --git a/web/app/components/datasets/create/step-two/option-card.tsx b/web/app/components/datasets/create/step-two/option-card.tsx
index 12f4ecd0ca..bb339b4a41 100644
--- a/web/app/components/datasets/create/step-two/option-card.tsx
+++ b/web/app/components/datasets/create/step-two/option-card.tsx
@@ -58,8 +58,11 @@ export const OptionCard: FC<OptionCardProps> = forwardRef((props, ref) => {
   const { icon, className, title, description, isActive, children, actions, activeHeaderClassName, style, effectImg, onSwitched, onClick, noHighlight, disabled, ...rest } = props
   return <div
     className={classNames(
-      'rounded-xl',
-      (isActive && !noHighlight) ? 'border-components-option-card-option-selected-border bg-components-panel-bg' : 'border-components-option-card-option-border bg-components-option-card-option-bg',
+      'rounded-xl border',
+      (isActive && !noHighlight)
+        ? 'border-components-option-card-option-selected-border bg-components-panel-bg'
+        : 'border-components-option-card-option-border bg-components-option-card-option-bg',
+      disabled && 'opacity-50',
       className,
     )}
     style={{