diff --git a/wax-prosemirror-services/src/AiService/components/ToggleAiComponent.js b/wax-prosemirror-services/src/AiService/components/ToggleAiComponent.js
index fe7d0beeb728b61771876bf2e1cda774542144b6..c5954cba56b8f75bd418aecf055b30a279768618 100644
--- a/wax-prosemirror-services/src/AiService/components/ToggleAiComponent.js
+++ b/wax-prosemirror-services/src/AiService/components/ToggleAiComponent.js
@@ -3,7 +3,7 @@ import { WaxContext, MenuButton } from 'wax-prosemirror-core';
 import PropTypes from 'prop-types';
 
 const ToggleAiComponent = ({ item }) => {
-  const { app, pmViews } = useContext(WaxContext);
+  const { app, pmViews, options } = useContext(WaxContext);
   const enableService = app.config.get('config.AskAiContentService');
 
   let isDisabled = false;
@@ -19,7 +19,7 @@ const ToggleAiComponent = ({ item }) => {
       enableService.AiOn ? (
         <MenuButton
           active={false}
-          disabled={!isEditable}
+          disabled={!isEditable || !options?.AiOn}
           iconName={item.icon}
           title={item.title}
         />