diff --git a/app/javascript/mastodon/actions/compose_typed.ts b/app/javascript/mastodon/actions/compose_typed.ts
index b86d5892362..3f830926e4d 100644
--- a/app/javascript/mastodon/actions/compose_typed.ts
+++ b/app/javascript/mastodon/actions/compose_typed.ts
@@ -15,6 +15,8 @@ import {
   createAppThunk,
 } from '@/mastodon/store/typed_functions';
 
+import { isRedesignEnabled } from '../utils/environment';
+
 import { showAlert } from './alerts';
 import { changeCompose, focusCompose, uploadCompose } from './compose';
 import { importFetchedStatuses } from './importer';
@@ -170,6 +172,8 @@ export const quoteComposeByStatus = createAppThunk(
       false,
     );
 
+    const statusId = status.get('id') as string;
+
     if (composeState.get('id')) {
       dispatch(showAlert({ message: messages.quoteErrorEdit }));
     } else if (composeState.get('privacy') === 'direct') {
@@ -202,6 +206,17 @@ export const quoteComposeByStatus = createAppThunk(
           modalProps: { status },
         }),
       );
+    } else if (
+      composeState.get('in_reply_to') &&
+      statusId &&
+      isRedesignEnabled()
+    ) {
+      dispatch(
+        openModal({
+          modalType: 'COMPOSER_ADD_QUOTE',
+          modalProps: { statusId },
+        }),
+      );
     } else {
       dispatch(quoteCompose(status));
     }
diff --git a/app/javascript/mastodon/components/modal_shell/redesign.module.scss b/app/javascript/mastodon/components/modal_shell/redesign.module.scss
index 5457983be0a..ab695da9d97 100644
--- a/app/javascript/mastodon/components/modal_shell/redesign.module.scss
+++ b/app/javascript/mastodon/components/modal_shell/redesign.module.scss
@@ -4,6 +4,7 @@
   @include mixins.elevation-1;
 
   border-radius: var(--radius-xl);
+  box-sizing: border-box;
   background: var(--color-bg-primary);
   display: flex;
   flex-direction: column;
@@ -50,3 +51,8 @@
 .actionsRight {
   justify-content: flex-end;
 }
+
+.actionsVertical {
+  flex-direction: column;
+  align-items: stretch;
+}
diff --git a/app/javascript/mastodon/components/modal_shell/redesign.tsx b/app/javascript/mastodon/components/modal_shell/redesign.tsx
index 09562306faf..7138f2397aa 100644
--- a/app/javascript/mastodon/components/modal_shell/redesign.tsx
+++ b/app/javascript/mastodon/components/modal_shell/redesign.tsx
@@ -102,7 +102,7 @@ export const ModalTitle: React.FC<
   return title;
 };
 
-export const ModalActions = <As extends React.ElementType>({
+export const ModalActions = <As extends React.ElementType = 'div'>({
   align,
   as: asComp,
   children,
@@ -110,7 +110,7 @@ export const ModalActions = <As extends React.ElementType>({
   ...props
 }: PolymorphicProps<
   {
-    align?: 'left' | 'right' | 'stretch';
+    align?: 'left' | 'right' | 'stretch' | 'vertical';
     children?: React.ReactNode;
     className?: string;
   },
@@ -126,6 +126,7 @@ export const ModalActions = <As extends React.ElementType>({
         classes.actions,
         align === 'left' && classes.actionsLeft,
         align === 'right' && classes.actionsRight,
+        align === 'vertical' && classes.actionsVertical,
       )}
     >
       {children}
diff --git a/app/javascript/mastodon/features/annual_report/modal.tsx b/app/javascript/mastodon/features/annual_report/modal.tsx
index d591954bbf3..6795002e75c 100644
--- a/app/javascript/mastodon/features/annual_report/modal.tsx
+++ b/app/javascript/mastodon/features/annual_report/modal.tsx
@@ -78,5 +78,4 @@ const AnnualReportModal: React.FC<{
   );
 };
 
-// eslint-disable-next-line import/no-default-export
 export default AnnualReportModal;
diff --git a/app/javascript/mastodon/features/compose/redesign/modal_cancel.tsx b/app/javascript/mastodon/features/compose/redesign/modal_cancel.tsx
index ee5d18f2079..21f010a712e 100644
--- a/app/javascript/mastodon/features/compose/redesign/modal_cancel.tsx
+++ b/app/javascript/mastodon/features/compose/redesign/modal_cancel.tsx
@@ -69,5 +69,4 @@ const ComposerModalCancelConfirm: React.FC<{ openNew?: boolean }> = ({
   );
 };
 
-// eslint-disable-next-line import/no-default-export -- Modals import from default
 export default ComposerModalCancelConfirm;
diff --git a/app/javascript/mastodon/features/compose/redesign/modal_quote.tsx b/app/javascript/mastodon/features/compose/redesign/modal_quote.tsx
new file mode 100644
index 00000000000..c3b6f7e354b
--- /dev/null
+++ b/app/javascript/mastodon/features/compose/redesign/modal_quote.tsx
@@ -0,0 +1,78 @@
+import { useCallback } from 'react';
+
+import { FormattedMessage } from 'react-intl';
+
+import { resetCompose } from '@/mastodon/actions/compose';
+import { quoteCompose } from '@/mastodon/actions/compose_typed';
+import { closeModal } from '@/mastodon/actions/modal';
+import { Button } from '@/mastodon/components/button/redesign';
+import {
+  ModalShell,
+  ModalActions,
+  ModalTitle,
+} from '@/mastodon/components/modal_shell/redesign';
+import { useAppDispatch, useAppSelector } from '@/mastodon/store';
+
+const ComposerQuoteAddConfirm: React.FC<{ statusId: string }> = ({
+  statusId,
+}) => {
+  const dispatch = useAppDispatch();
+  const status = useAppSelector((state) => state.statuses.get(statusId));
+  const handleClose = useCallback(() => {
+    dispatch(
+      closeModal({
+        modalType: 'COMPOSER_ADD_QUOTE',
+        ignoreFocus: true,
+      }),
+    );
+  }, [dispatch]);
+  const handleAdd = useCallback(() => {
+    if (status) {
+      dispatch(quoteCompose(status));
+    }
+    handleClose();
+  }, [dispatch, handleClose, status]);
+  const handleDelete = useCallback(() => {
+    dispatch(resetCompose());
+    handleAdd();
+  }, [dispatch, handleAdd]);
+
+  return (
+    <ModalShell maxWidth={400}>
+      <ModalTitle>
+        <FormattedMessage
+          id='compose.quote_modal.title'
+          defaultMessage='Draft in progress'
+        />
+      </ModalTitle>
+
+      <FormattedMessage
+        id='compose.cancel_modal.body'
+        defaultMessage='You have a draft already in progress. What would you like to do?'
+      />
+
+      <ModalActions align='vertical'>
+        <Button variant='solid' onClick={handleAdd}>
+          <FormattedMessage
+            id='compose.quote_modal.add'
+            defaultMessage='Add quote to existing draft'
+          />
+        </Button>
+        <Button variant='solid' color='destructive' onClick={handleDelete}>
+          <FormattedMessage
+            id='compose.quote_modal.delete'
+            defaultMessage='Delete draft and start a new post'
+          />
+        </Button>
+        <Button variant='ghost' onClick={handleClose}>
+          <FormattedMessage
+            id='compose.quote_modal.cancel'
+            defaultMessage='Go back'
+          />
+        </Button>
+      </ModalActions>
+    </ModalShell>
+  );
+};
+
+export default ComposerQuoteAddConfirm;
diff --git a/app/javascript/mastodon/features/compose/redesign/modal_rearrange.tsx b/app/javascript/mastodon/features/compose/redesign/modal_rearrange.tsx
index 2d4b089b22d..eed274540fb 100644
--- a/app/javascript/mastodon/features/compose/redesign/modal_rearrange.tsx
+++ b/app/javascript/mastodon/features/compose/redesign/modal_rearrange.tsx
@@ -189,5 +189,4 @@ const ComposeRearrangeItemDisplay: React.FC<
   );
 };
 
-// eslint-disable-next-line import/no-default-export -- Modals import from default
 export default ComposerModalRearrange;
diff --git a/app/javascript/mastodon/features/compose/redesign/modal_switch.tsx b/app/javascript/mastodon/features/compose/redesign/modal_switch.tsx
index d1230f7780d..9eb9e9f07ef 100644
--- a/app/javascript/mastodon/features/compose/redesign/modal_switch.tsx
+++ b/app/javascript/mastodon/features/compose/redesign/modal_switch.tsx
@@ -67,5 +67,4 @@ const ComposerModalSwitch: React.FC = () => {
   );
 };
 
-// eslint-disable-next-line import/no-default-export
 export default ComposerModalSwitch;
diff --git a/app/javascript/mastodon/features/hashtag_timeline/components/column_settings_modal.tsx b/app/javascript/mastodon/features/hashtag_timeline/components/column_settings_modal.tsx
index 246d7e2b08e..e0d0a60fe79 100644
--- a/app/javascript/mastodon/features/hashtag_timeline/components/column_settings_modal.tsx
+++ b/app/javascript/mastodon/features/hashtag_timeline/components/column_settings_modal.tsx
@@ -44,5 +44,4 @@ const HashtagSettingsModal: React.FC<{ columnId: string; tagId: string }> = ({
   );
 };
 
-// eslint-disable-next-line import/no-default-export
 export default HashtagSettingsModal;
diff --git a/app/javascript/mastodon/features/notifications_v2/components/notification_settings_modal.tsx b/app/javascript/mastodon/features/notifications_v2/components/notification_settings_modal.tsx
index edd986a130e..baa413b6d15 100644
--- a/app/javascript/mastodon/features/notifications_v2/components/notification_settings_modal.tsx
+++ b/app/javascript/mastodon/features/notifications_v2/components/notification_settings_modal.tsx
@@ -40,5 +40,4 @@ const NotificationSettingsModal: React.FC = () => {
   );
 };
 
-// eslint-disable-next-line import/no-default-export
 export default NotificationSettingsModal;
diff --git a/app/javascript/mastodon/features/ui/components/audio_modal.tsx b/app/javascript/mastodon/features/ui/components/audio_modal.tsx
index ddbd0b8853c..b531b772b00 100644
--- a/app/javascript/mastodon/features/ui/components/audio_modal.tsx
+++ b/app/javascript/mastodon/features/ui/components/audio_modal.tsx
@@ -74,5 +74,4 @@ const AudioModal: React.FC<{
   );
 };
 
-// eslint-disable-next-line import/no-default-export
 export default AudioModal;
diff --git a/app/javascript/mastodon/features/ui/components/block_modal.jsx b/app/javascript/mastodon/features/ui/components/block_modal.jsx
index f6655b81cd7..f4fa68ce6ac 100644
--- a/app/javascript/mastodon/features/ui/components/block_modal.jsx
+++ b/app/javascript/mastodon/features/ui/components/block_modal.jsx
@@ -97,14 +97,14 @@ export const BlockModal = ({ accountId, acct }) => {
 
         <div className='safety-action-modal__actions'>
           {domain && (
-            <button onClick={handleToggleLearnMore} className='link-button'>
+            <button type='button' onClick={handleToggleLearnMore} className='link-button'>
               {expanded ? <FormattedMessage id='block_modal.show_less' defaultMessage='Show less' /> : <FormattedMessage id='block_modal.show_more' defaultMessage='Show more' />}
             </button>
           )}
 
           <div className='spacer' />
 
-          <button onClick={handleCancel} className='link-button'>
+          <button type='button' onClick={handleCancel} className='link-button'>
             <FormattedMessage id='confirmation_modal.cancel' defaultMessage='Cancel' />
           </button>
 
diff --git a/app/javascript/mastodon/features/ui/components/domain_block_modal.tsx b/app/javascript/mastodon/features/ui/components/domain_block_modal.tsx
index 38ec36ff40b..5e7e17809c3 100644
--- a/app/javascript/mastodon/features/ui/components/domain_block_modal.tsx
+++ b/app/javascript/mastodon/features/ui/components/domain_block_modal.tsx
@@ -218,5 +218,4 @@ export const DomainBlockModal: React.FC<{
   );
 };
 
-// eslint-disable-next-line import/no-default-export
 export default DomainBlockModal;
diff --git a/app/javascript/mastodon/features/ui/components/embed_modal.tsx b/app/javascript/mastodon/features/ui/components/embed_modal.tsx
index a6c87a33360..650dcb8e2fd 100644
--- a/app/javascript/mastodon/features/ui/components/embed_modal.tsx
+++ b/app/javascript/mastodon/features/ui/components/embed_modal.tsx
@@ -115,5 +115,4 @@ const EmbedModal: React.FC<{
   );
 };
 
-// eslint-disable-next-line import/no-default-export
 export default EmbedModal;
diff --git a/app/javascript/mastodon/features/ui/components/ignore_notifications_modal.jsx b/app/javascript/mastodon/features/ui/components/ignore_notifications_modal.jsx
index a25649a3dda..8b2477387c6 100644
--- a/app/javascript/mastodon/features/ui/components/ignore_notifications_modal.jsx
+++ b/app/javascript/mastodon/features/ui/components/ignore_notifications_modal.jsx
@@ -92,11 +92,11 @@ export const IgnoreNotificationsModal = ({ filterType }) => {
 
           <div className='spacer' />
 
-          <button onClick={handleCancel} className='link-button'>
+          <button type='button' onClick={handleCancel} className='link-button'>
             <FormattedMessage id='confirmation_modal.cancel' defaultMessage='Cancel' />
           </button>
 
-          <button onClick={handleClick} className='link-button'>
+          <button type='button' onClick={handleClick} className='link-button'>
             <FormattedMessage id='ignore_notifications_modal.ignore' defaultMessage='Ignore notifications' />
           </button>
         </div>
diff --git a/app/javascript/mastodon/features/ui/components/modal_root.jsx b/app/javascript/mastodon/features/ui/components/modal_root.jsx
index 49a1f97e8d6..bb26b332731 100644
--- a/app/javascript/mastodon/features/ui/components/modal_root.jsx
+++ b/app/javascript/mastodon/features/ui/components/modal_root.jsx
@@ -109,11 +109,12 @@ export const MODAL_COMPONENTS = {
   'COMPOSER_DRAFT_DELETE': () => import('@/mastodon/features/compose/redesign/modal_cancel'),
   'COMPOSER_REARRANGE': () => import('@/mastodon/features/compose/redesign/modal_rearrange'),
   'COMPOSER_SWITCH_TO_POST': () => import('@/mastodon/features/compose/redesign/modal_switch'),
+  'COMPOSER_ADD_QUOTE': () => import('@/mastodon/features/compose/redesign/modal_quote'),
   'NOTIFICATION_SETTINGS': () => import('@/mastodon/features/notifications_v2/components/notification_settings_modal'),
   'HASHTAG_SETTINGS': () => import('@/mastodon/features/hashtag_timeline/components/column_settings_modal'),
 };
 
-/** @arg {keyof import('@/mastodon/features/account_edit/modals')} type */
+/** @param {keyof import('@/mastodon/features/account_edit/modals')} type */
 function accountEditModal(type) {
   return () => import('@/mastodon/features/account_edit/modals').then(module => ({ default: module[type] }));
 }
diff --git a/app/javascript/mastodon/features/ui/components/mute_modal.jsx b/app/javascript/mastodon/features/ui/components/mute_modal.jsx
index 636db48fe98..76835695b98 100644
--- a/app/javascript/mastodon/features/ui/components/mute_modal.jsx
+++ b/app/javascript/mastodon/features/ui/components/mute_modal.jsx
@@ -131,13 +131,13 @@ export const MuteModal = ({ accountId, acct }) => {
         </div>
 
         <div className='safety-action-modal__actions'>
-          <button onClick={handleToggleSettings} className='link-button'>
+          <button type='button' onClick={handleToggleSettings} className='link-button'>
             {expanded ? <FormattedMessage id='mute_modal.hide_options' defaultMessage='Hide options' /> : <FormattedMessage id='mute_modal.show_options' defaultMessage='Show options' />}
           </button>
 
           <div className='spacer' />
 
-          <button onClick={handleCancel} className='link-button'>
+          <button type='button' onClick={handleCancel} className='link-button'>
             <FormattedMessage id='confirmation_modal.cancel' defaultMessage='Cancel' />
           </button>
 
diff --git a/app/javascript/mastodon/locales/en.json b/app/javascript/mastodon/locales/en.json
index 9c4c4990a3e..72e8ebef7b3 100644
--- a/app/javascript/mastodon/locales/en.json
+++ b/app/javascript/mastodon/locales/en.json
@@ -545,6 +545,10 @@
   "compose.quote.audio": "Audio file {duration}",
   "compose.quote.poll": "Poll {sep} {isOpen, select, open {Accepting responses} other {Closed}}",
   "compose.quote.spoiler": "Content:",
+  "compose.quote_modal.add": "Add quote to existing draft",
+  "compose.quote_modal.cancel": "Go back",
+  "compose.quote_modal.delete": "Delete draft and start a new post",
+  "compose.quote_modal.title": "Draft in progress",
   "compose.rearrange_modal.cancel": "Cancel",
   "compose.rearrange_modal.drag_cancel": "Dragging was cancelled. Attachment index {item, number} was dropped.",
   "compose.rearrange_modal.drag_end": "Attachment index {item, number} was moved to index {over, number}.",
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 85257e8b0ee..347e1536364 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -342,6 +342,12 @@ export default tseslint.config([
       '@typescript-eslint/non-nullable-type-assertion-style': 'off',
     },
   },
+  {
+    files: ['**/*modal*.{j,t}sx'],
+    rules: {
+      'import/no-default-export': 'off',
+    },
+  },
   {
     files: ['**/__tests__/*.js', '**/__tests__/*.jsx'],