diff --git a/invokeai/frontend/web/public/locales/en.json b/invokeai/frontend/web/public/locales/en.json
index dd96193d5d8..dc6c54f025a 100644
--- a/invokeai/frontend/web/public/locales/en.json
+++ b/invokeai/frontend/web/public/locales/en.json
@@ -1115,6 +1115,7 @@
         "showProgressInViewer": "Show Progress Images in Viewer",
         "ui": "User Interface",
         "useSlidersForAll": "Use Sliders For All Options",
+        "clearIntermediatesDisabled": "Queue must be empty to clear intermediates",
         "clearIntermediatesDesc1": "Clearing intermediates will reset your Canvas and ControlNet state.",
         "clearIntermediatesDesc2": "Intermediate images are byproducts of generation, different from the result images in the gallery. Clearing intermediates will free disk space.",
         "clearIntermediatesDesc3": "Your gallery images will not be deleted.",
diff --git a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsClearIntermediates.tsx b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsClearIntermediates.tsx
index 423ce41bcda..fbe56924310 100644
--- a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsClearIntermediates.tsx
+++ b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsClearIntermediates.tsx
@@ -3,6 +3,7 @@ import { useAppDispatch } from 'app/store/storeHooks';
 import { controlAdaptersReset } from 'features/controlAdapters/store/controlAdaptersSlice';
 import { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useGetQueueStatusQuery } from 'services/api/endpoints/queue';
 import IAIButton from '../../../../common/components/IAIButton';
 import {
   useClearIntermediatesMutation,
@@ -22,7 +23,16 @@ export default function SettingsClearIntermediates() {
   const [clearIntermediates, { isLoading: isLoadingClearIntermediates }] =
     useClearIntermediatesMutation();
 
+  const { data: queueStatus } = useGetQueueStatusQuery();
+  const hasPendingItems =
+    queueStatus &&
+    (queueStatus.queue.in_progress > 0 || queueStatus.queue.pending > 0);
+
   const handleClickClearIntermediates = useCallback(() => {
+    if (hasPendingItems) {
+      return;
+    }
+
     clearIntermediates()
       .unwrap()
       .then((clearedCount) => {
@@ -43,7 +53,7 @@ export default function SettingsClearIntermediates() {
           })
         );
       });
-  }, [t, clearIntermediates, dispatch]);
+  }, [t, clearIntermediates, dispatch, hasPendingItems]);
 
   useEffect(() => {
     // update the count on mount
@@ -54,10 +64,13 @@ export default function SettingsClearIntermediates() {
     <StyledFlex>
       <Heading size="sm">{t('settings.clearIntermediates')}</Heading>
       <IAIButton
+        tooltip={
+          hasPendingItems ? t('settings.clearIntermediatesDisabled') : undefined
+        }
         colorScheme="warning"
         onClick={handleClickClearIntermediates}
         isLoading={isLoadingClearIntermediates}
-        isDisabled={!intermediatesCount}
+        isDisabled={!intermediatesCount || hasPendingItems}
       >
         {t('settings.clearIntermediatesWithCount', {
           count: intermediatesCount ?? 0,