diff --git a/web/app/components/app/configuration/config/config-audio.tsx b/web/app/components/app/configuration/config/config-audio.tsx
index 5600f8cbb6..aed236bcc6 100644
--- a/web/app/components/app/configuration/config/config-audio.tsx
+++ b/web/app/components/app/configuration/config/config-audio.tsx
@@ -16,7 +16,7 @@ const ConfigAudio: FC = () => {
   const { t } = useTranslation()
   const file = useFeatures(s => s.features.file)
   const featuresStore = useFeaturesStore()
-  const { isShowAudioConfig } = useContext(ConfigContext)
+  const { isShowAudioConfig, readonly } = useContext(ConfigContext)
 
   const isAudioEnabled = file?.allowed_file_types?.includes(SupportUploadFileTypes.audio) ?? false
 
@@ -64,14 +64,16 @@ const ConfigAudio: FC = () => {
           }
         />
       </div>
-      <div className='flex shrink-0 items-center'>
-        <div className='ml-1 mr-3 h-3.5 w-[1px] bg-divider-subtle'></div>
-        <Switch
-          defaultValue={isAudioEnabled}
-          onChange={handleChange}
-          size='md'
-        />
-      </div>
+      {!readonly && (
+        <div className='flex shrink-0 items-center'>
+          <div className='ml-1 mr-3 h-3.5 w-[1px] bg-divider-subtle'></div>
+          <Switch
+            defaultValue={isAudioEnabled}
+            onChange={handleChange}
+            size='md'
+          />
+        </div>
+      )}
     </div>
   )
 }