diff --git a/client/src/plus/ai-help/banners.tsx b/client/src/plus/ai-help/banners.tsx
index aa4ddf9431e4..9453ad223826 100644
--- a/client/src/plus/ai-help/banners.tsx
+++ b/client/src/plus/ai-help/banners.tsx
@@ -6,13 +6,15 @@ import { useUserData } from "../../user-context";
 import { PlusLoginBanner } from "../common/login-banner";
 import { isPlusSubscriber } from "../../utils";
 
-export function AiHelpBanner() {
+export function AiHelpBanner({
+  isDisabled = false,
+}: { isDisabled?: boolean } = {}) {
   const user = useUserData();
 
   const isSubscriber = useMemo(() => isPlusSubscriber(user), [user]);
 
   return (
-    <div className="ai-help-banner">
+    <div className={`ai-help-banner ${isDisabled ? "disabled" : ""}`}>
       <p>
         <Icon name="bell-ring" />
         <strong>
diff --git a/client/src/plus/ai-help/index.scss b/client/src/plus/ai-help/index.scss
index 576fac29af26..277d8e8ae739 100644
--- a/client/src/plus/ai-help/index.scss
+++ b/client/src/plus/ai-help/index.scss
@@ -152,6 +152,16 @@
     .auth-container {
       margin-top: 1rem;
     }
+
+    &.disabled {
+      background-color: var(--background-secondary);
+
+      margin-bottom: 2.25rem;
+
+      .button {
+        display: none;
+      }
+    }
   }
 
   .ai-help-inner {
diff --git a/client/src/plus/ai-help/index.tsx b/client/src/plus/ai-help/index.tsx
index add5376a6e2c..9a782cfa31fb 100644
--- a/client/src/plus/ai-help/index.tsx
+++ b/client/src/plus/ai-help/index.tsx
@@ -124,9 +124,6 @@ function AIHelpAuthenticated() {
           </a>
         </p>
       </Container>
-      <Container>
-        <AiHelpBanner />
-      </Container>
       <AIHelpInner />
     </div>
   );
@@ -635,6 +632,7 @@ export function AIHelpInner() {
         messageId={messages.length === 2 ? messages[0]?.messageId : undefined}
       />
       <Container>
+        <AiHelpBanner isDisabled={isQuotaExceeded(quota)} />
         {isQuotaLoading || isHistoryLoading ? (
           <Loading />
         ) : (