diff --git a/src/components/chat/view/BypassConfirmDialog.tsx b/src/components/chat/view/BypassConfirmDialog.tsx
index bc57584..f87c3db 100644
--- a/src/components/chat/view/BypassConfirmDialog.tsx
+++ b/src/components/chat/view/BypassConfirmDialog.tsx
@@ -18,7 +18,7 @@ export default function BypassConfirmDialog({ open, onCancel, onConfirm }: Bypas
   const { t } = useTranslation('chat');
   return (
     <Dialog open={open} onOpenChange={(next) => { if (!next) onCancel(); }}>
-      <DialogContent className="max-w-md p-5" data-testid="bypass-confirm">
+      <DialogContent className="max-w-md animate-none p-5" data-testid="bypass-confirm">
         <DialogTitle className="not-sr-only flex items-center gap-2 text-base font-semibold text-destructive">
           <TriangleAlert className="size-4" aria-hidden />
           {t('permissionMode.bypassConfirm.title')}
diff --git a/src/components/chat/view/PermissionModePicker.dom.bun.test.tsx b/src/components/chat/view/PermissionModePicker.dom.bun.test.tsx
index cb4232d..da15ca0 100644
--- a/src/components/chat/view/PermissionModePicker.dom.bun.test.tsx
+++ b/src/components/chat/view/PermissionModePicker.dom.bun.test.tsx
@@ -58,6 +58,7 @@ test('the first switch to bypass asks for confirmation and only then reports it,
 
   const dialog = await screen.findByRole('dialog');
   assert.match(dialog.textContent ?? '', /run any command without asking/);
+  assert.match(dialog.className, /animate-none/, 'the bypass warning opens at its final centered position');
   assert.deepEqual(updates, [], 'nothing is sent before the user confirms');
 
   fireEvent.click(screen.getByRole('button', { name: 'Cancel' }));