diff --git a/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx b/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx
index ee5d6cf1f66..158dd38a5d0 100644
--- a/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx
+++ b/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx
@@ -7,13 +7,15 @@ import { createPortal } from 'react-dom'
 import { useTableEditorStateSnapshot } from 'state/table-editor'
 import { Button } from 'ui'
 
+import { DiscardChangesConfirmationDialog } from '@/components/ui-patterns/Dialogs/DiscardChangesConfirmationDialog'
+import { useConfirmOnClose } from '@/hooks/ui/useConfirmOnClose'
 import { getModKeyLabel } from '@/lib/helpers'
 
 export const SaveQueueActionBar = () => {
   const modKey = getModKeyLabel()
   const snap = useTableEditorStateSnapshot()
   const isQueueOperationsEnabled = useIsQueueOperationsEnabled()
-  const { handleSave } = useOperationQueueActions()
+  const { handleSave, handleCancel } = useOperationQueueActions()
 
   useOperationQueueShortcuts()
 
@@ -24,46 +26,65 @@ export const SaveQueueActionBar = () => {
   const isVisible =
     isQueueOperationsEnabled && snap.hasPendingOperations && !isOperationQueuePanelOpen
 
+  const { confirmOnClose, modalProps: closeConfirmationModalProps } = useConfirmOnClose({
+    checkIsDirty: () => true,
+    onClose: () => handleCancel(),
+  })
+
   const content = (
-    <AnimatePresence>
-      {isVisible && (
-        <div className="fixed bottom-12 z-50 left-1/2 -translate-x-1/2">
-          <motion.div
-            initial={{ opacity: 0, y: 16 }}
-            animate={{ opacity: 1, y: 0 }}
-            exit={{ opacity: 0, y: 16 }}
-            transition={{
-              type: 'spring',
-              stiffness: 420,
-              damping: 30,
-              mass: 0.4,
-            }}
-          >
-            <div className="flex items-center gap-8 pl-4 pr-2 py-2 bg-surface-100 border rounded-lg shadow-lg">
-              <span className="text-xs text-foreground-light max-w-40 truncate">
-                {operationCount} pending change{operationCount !== 1 ? 's' : ''}
-              </span>
-              <div className="flex items-center gap-2">
-                <Button type="default" size="tiny" onClick={() => snap.toggleViewOperationQueue()}>
-                  Review{' '}
-                  <span className="text-[10px] text-foreground/40 ml-1.5">{`${modKey}.`}</span>
-                </Button>
-                <Button
-                  size="tiny"
-                  type="primary"
-                  onClick={handleSave}
-                  disabled={isSaving}
-                  loading={isSaving}
-                >
-                  Save{operationCount > 1 && ' all'}
-                  <span className="text-[10px] text-foreground/40 ml-1.5">{`${modKey}S`}</span>
-                </Button>
+    <>
+      <AnimatePresence>
+        {isVisible && (
+          <div className="fixed bottom-12 z-50 left-1/2 -translate-x-1/2">
+            <motion.div
+              initial={{ opacity: 0, y: 16 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: 16 }}
+              transition={{
+                type: 'spring',
+                stiffness: 420,
+                damping: 30,
+                mass: 0.4,
+              }}
+            >
+              <div className="flex items-center gap-x-12 pl-4 pr-2 py-2 bg-surface-100 border rounded-lg shadow-lg">
+                <div className="flex items-center gap-x-2">
+                  <span className="text-xs text-foreground-light max-w-40 truncate">
+                    {operationCount} pending change{operationCount !== 1 ? 's' : ''}
+                  </span>
+                  <Button
+                    type="default"
+                    size="tiny"
+                    disabled={isSaving}
+                    onClick={() => snap.toggleViewOperationQueue()}
+                  >
+                    Review{' '}
+                    <span className="text-[10px] text-foreground/40 ml-1.5">{`${modKey}.`}</span>
+                  </Button>
+                </div>
+                <div className="flex items-center gap-x-2">
+                  <Button type="default" onClick={confirmOnClose} disabled={isSaving}>
+                    Cancel
+                  </Button>
+                  <Button
+                    size="tiny"
+                    type="primary"
+                    onClick={handleSave}
+                    disabled={isSaving}
+                    loading={isSaving}
+                  >
+                    Save
+                    <span className="text-[10px] text-foreground/40 ml-1.5">{`${modKey}S`}</span>
+                  </Button>
+                </div>
               </div>
-            </div>
-          </motion.div>
-        </div>
-      )}
-    </AnimatePresence>
+            </motion.div>
+          </div>
+        )}
+      </AnimatePresence>
+
+      <DiscardChangesConfirmationDialog {...closeConfirmationModalProps} />
+    </>
   )
 
   if (typeof document === 'undefined' || !document.body) return null
diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationQueueSidePanel.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationQueueSidePanel.tsx
index f0314fd96e4..5d154be3307 100644
--- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationQueueSidePanel.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationQueueSidePanel.tsx
@@ -63,14 +63,14 @@ export const OperationQueueSidePanel = () => {
                 onClick={confirmOnClose}
                 disabled={isSaving || operations.length === 0}
               >
-                Revert{operations.length > 1 && ' all'}
+                Cancel
               </Button>
               <Button
                 onClick={handleSave}
                 disabled={isSaving || operations.length === 0}
                 loading={isSaving}
               >
-                Save{operations.length > 1 && ' all'}
+                Save
                 <span className="text-foreground/40 text-[10px] ml-1.5">{modKey}S</span>
               </Button>
             </div>
diff --git a/e2e/studio/features/queue-table-operations.spec.ts b/e2e/studio/features/queue-table-operations.spec.ts
index b237580bbe5..ea835fb77c5 100644
--- a/e2e/studio/features/queue-table-operations.spec.ts
+++ b/e2e/studio/features/queue-table-operations.spec.ts
@@ -103,7 +103,7 @@ test.describe('Queue Table Operations', () => {
     await expect(page.getByText('1 pending change')).toBeVisible()
     await page.getByRole('button', { name: /Review/ }).click()
 
-    await page.getByRole('button', { name: 'Revert', exact: true }).click()
+    await page.getByRole('button', { name: 'Cancel', exact: true }).click()
 
     const confirmDialog = page.getByRole('alertdialog')
     await expect(confirmDialog.getByRole('heading', { name: 'Unsaved changes' })).toBeVisible()
@@ -145,7 +145,7 @@ test.describe('Queue Table Operations', () => {
     await expect(page.getByText('1 pending change')).toBeVisible()
     await page.getByRole('button', { name: /Review/ }).click()
 
-    await page.getByRole('button', { name: 'Revert', exact: true }).click()
+    await page.getByRole('button', { name: 'Cancel', exact: true }).click()
 
     const confirmDialog = page.getByRole('alertdialog')
     await expect(confirmDialog.getByRole('heading', { name: 'Unsaved changes' })).toBeVisible()
@@ -561,7 +561,7 @@ test.describe('Queue Table Operations', () => {
     await expect(page.getByText('1 pending change')).toBeVisible()
 
     await page.getByRole('button', { name: /Review/ }).click()
-    await page.getByRole('button', { name: 'Revert', exact: true }).click()
+    await page.getByRole('button', { name: 'Cancel', exact: true }).click()
 
     const confirmDialog = page.getByRole('alertdialog')
     await expect(confirmDialog.getByRole('heading', { name: 'Unsaved changes' })).toBeVisible()