diff --git a/packages/manager/.changeset/pr-9175-changed-1685739474444.md b/packages/manager/.changeset/pr-9175-changed-1685739474444.md
new file mode 100644
index 00000000000..f49d6d361b9
--- /dev/null
+++ b/packages/manager/.changeset/pr-9175-changed-1685739474444.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Refactor components to use TypeToConfirmDialog ([#9175](https://github.com/linode/manager/pull/9175))
diff --git a/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx b/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx
index 880d95a525f..2aaea03adce 100644
--- a/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx
+++ b/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx
@@ -23,6 +23,10 @@ const useStyles = makeStyles()((theme: Theme) => ({
       marginBottom: 0,
     },
   },
+  dialogContent: {
+    display: 'flex',
+    flexDirection: 'column',
+  },
 }));
 
 export interface ConfirmationDialogProps extends DialogProps {
@@ -53,7 +57,7 @@ export const ConfirmationDialog = (props: ConfirmationDialogProps) => {
       data-testid="drawer"
     >
       <DialogTitle title={title} onClose={onClose} />
-      <DialogContent data-qa-dialog-content className="dialog-content">
+      <DialogContent data-qa-dialog-content className={classes.dialogContent}>
         {children}
         {error && (
           <DialogContentText className={`${classes.error} error-for-scroll`}>
diff --git a/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.stories.tsx b/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.stories.tsx
new file mode 100644
index 00000000000..f8764da9ba9
--- /dev/null
+++ b/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.stories.tsx
@@ -0,0 +1,50 @@
+import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { TypeToConfirmDialog } from './TypeToConfirmDialog';
+
+const meta: Meta<typeof TypeToConfirmDialog> = {
+  title: 'Components/TypeToConfirmDialog',
+  component: TypeToConfirmDialog,
+  argTypes: {
+    children: {
+      description: 'The items of the Dialog, passed-in as sub-components.',
+    },
+    error: { description: 'Error that will be shown in the dialog.' },
+    onClose: {
+      action: 'onClose',
+      description: 'Callback fired when the component requests to be closed.',
+    },
+    onClick: {
+      description: 'Callback fired when the action is confirmed.',
+    },
+    open: { description: 'Is the modal open?' },
+    title: { description: 'Title that appears in the heading of the dialog.' },
+  },
+  args: {
+    open: true,
+    title: 'Delete Linode?',
+    onClose: action('onClose'),
+    onClick: action('onDelete'),
+    loading: false,
+    label: 'Linode Label',
+    children: '',
+    error: undefined,
+    entity: {
+      type: 'Linode',
+      action: 'deletion',
+      name: 'test linode',
+      primaryBtnText: 'Delete',
+    },
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof TypeToConfirmDialog>;
+
+export const Default: Story = {
+  render: (args) => (
+    <TypeToConfirmDialog {...args}>{args.children}</TypeToConfirmDialog>
+  ),
+};
diff --git a/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.test.tsx b/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.test.tsx
index 22586a7f23e..c221d57f379 100644
--- a/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.test.tsx
+++ b/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.test.tsx
@@ -14,8 +14,14 @@ describe('TypeToConfirmDialog Component', () => {
     const { getByText } = renderWithTheme(
       <TypeToConfirmDialog
         title="Delete Linode test?"
+        label={'Linode Label'}
         open={true}
-        entity={{ type: 'Linode', label: 'test' }}
+        entity={{
+          type: 'Linode',
+          name: 'test',
+          action: 'deletion',
+          primaryBtnText: 'Delete',
+        }}
         loading={false}
         {...props}
       >
diff --git a/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.tsx b/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.tsx
index 06a1f3225c2..a62397ace9b 100644
--- a/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.tsx
+++ b/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.tsx
@@ -13,16 +13,26 @@ import {
 import { usePreferences } from 'src/queries/preferences';
 
 interface EntityInfo {
-  type: 'Linode' | 'Volume' | 'NodeBalancer' | 'Bucket';
-  label: string | undefined;
+  type:
+    | 'Linode'
+    | 'Volume'
+    | 'NodeBalancer'
+    | 'Bucket'
+    | 'Database'
+    | 'Kubernetes'
+    | 'AccountSetting';
+  subType?: 'Cluster' | 'ObjectStorage' | 'CloseAccount';
+  action?: 'deletion' | 'detachment' | 'restoration' | 'cancellation';
+  name?: string | undefined;
+  primaryBtnText: string;
 }
 
 interface TypeToConfirmDialogProps {
   entity: EntityInfo;
   children: React.ReactNode;
   loading: boolean;
-  confirmationText?: string | JSX.Element;
   errors?: APIError[] | undefined | null;
+  label: string;
   onClick: () => void;
 }
 
@@ -38,17 +48,18 @@ export const TypeToConfirmDialog = (props: CombinedProps) => {
     onClick,
     loading,
     entity,
+    label,
     children,
-    confirmationText,
     errors,
     typographyStyle,
+    textFieldStyle,
   } = props;
 
   const [confirmText, setConfirmText] = React.useState('');
 
   const { data: preferences } = usePreferences();
   const disabled =
-    preferences?.type_to_confirm !== false && confirmText !== entity.label;
+    preferences?.type_to_confirm !== false && confirmText !== entity.name;
 
   React.useEffect(() => {
     if (open) {
@@ -56,9 +67,19 @@ export const TypeToConfirmDialog = (props: CombinedProps) => {
     }
   }, [open]);
 
+  const typeInstructions =
+    entity.action === 'cancellation'
+      ? `type your Username `
+      : `type  the name of the ${entity.type} ${entity.subType || ''} `;
+
   const actions = (
     <ActionsPanel style={{ padding: 0 }}>
-      <Button buttonType="secondary" onClick={onClose} data-qa-cancel>
+      <Button
+        buttonType="secondary"
+        onClick={onClose}
+        data-qa-cancel
+        data-testid={'dialog-cancel'}
+      >
         Cancel
       </Button>
       <Button
@@ -67,10 +88,9 @@ export const TypeToConfirmDialog = (props: CombinedProps) => {
         loading={loading}
         disabled={disabled}
         data-qa-confirm
+        data-testid={'dialog-confirm'}
       >
-        {entity.type === 'Volume' && title.startsWith('Detach')
-          ? 'Detach'
-          : 'Delete'}
+        {entity.primaryBtnText}
       </Button>
     </ActionsPanel>
   );
@@ -85,25 +105,28 @@ export const TypeToConfirmDialog = (props: CombinedProps) => {
     >
       {children}
       <TypeToConfirm
-        label={`${entity.type} ${entity.type !== 'Bucket' ? 'Label' : 'Name'}`}
+        hideInstructions={entity.subType === 'CloseAccount'}
+        label={label}
         confirmationText={
-          confirmationText ? (
-            confirmationText
+          entity.subType === 'CloseAccount' ? (
+            ''
           ) : (
             <span>
-              To confirm deletion, type the name of the {entity.type} (
-              <b>{entity.label}</b>) in the field below:
+              To confirm {entity.action}, {typeInstructions}(
+              <b>{entity.name}</b>) in the field below:
             </span>
           )
         }
         value={confirmText}
         typographyStyle={typographyStyle}
+        textFieldStyle={textFieldStyle}
         data-testid={'dialog-confirm-text-input'}
         expand
         onChange={(input) => {
           setConfirmText(input);
         }}
         visible={preferences?.type_to_confirm}
+        placeholder={entity.subType === 'CloseAccount' ? 'Username' : ''}
       />
     </ConfirmationDialog>
   );
diff --git a/packages/manager/src/features/Account/CloseAccountDialog.tsx b/packages/manager/src/features/Account/CloseAccountDialog.tsx
index a88a0210ba4..04aaa6a24fe 100644
--- a/packages/manager/src/features/Account/CloseAccountDialog.tsx
+++ b/packages/manager/src/features/Account/CloseAccountDialog.tsx
@@ -2,14 +2,11 @@ import { cancelAccount } from '@linode/api-v4/lib/account';
 import { APIError } from '@linode/api-v4/lib/types';
 import * as React from 'react';
 import { useHistory } from 'react-router-dom';
-import ActionsPanel from 'src/components/ActionsPanel';
-import { Button } from 'src/components/Button/Button';
-import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
+import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog';
 import { makeStyles } from 'tss-react/mui';
-import { Theme } from '@mui/material/styles';
+import { Theme, styled } from '@mui/material/styles';
 import { Notice } from 'src/components/Notice/Notice';
 import { Typography } from 'src/components/Typography';
-import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm';
 import { TextField } from 'src/components/TextField';
 import { useProfile } from 'src/queries/profile';
 
@@ -21,6 +18,7 @@ interface Props {
 const useStyles = makeStyles()((theme: Theme) => ({
   dontgo: {
     marginTop: theme.spacing(2),
+    order: 1,
   },
 }));
 
@@ -32,7 +30,6 @@ const CloseAccountDialog = ({ closeDialog, open }: Props) => {
   const [comments, setComments] = React.useState<string>('');
   const [inputtedUsername, setUsername] = React.useState<string>('');
   const [canSubmit, setCanSubmit] = React.useState<boolean>(false);
-
   const { classes } = useStyles();
   const history = useHistory();
   const { data: profile } = useProfile();
@@ -98,86 +95,64 @@ const CloseAccountDialog = ({ closeDialog, open }: Props) => {
   }
 
   return (
-    <ConfirmationDialog
-      open={open}
+    <TypeToConfirmDialog
       title="Are you sure you want to close your Linode account?"
+      label={`Please enter your Username (${profile.username}) to confirm.`}
+      entity={{
+        type: 'AccountSetting',
+        subType: 'CloseAccount',
+        primaryBtnText: 'Close Account',
+        name: profile.username,
+      }}
+      open={open}
       onClose={closeDialog}
-      error={errors ? errors[0].reason : ''}
-      actions={
-        <Actions
-          onClose={closeDialog}
-          isCanceling={isClosingAccount}
-          onSubmit={handleCancelAccount}
-          disabled={!canSubmit}
-        />
-      }
+      onClick={handleCancelAccount}
+      loading={isClosingAccount}
+      inputRef={inputRef}
+      disabled={!canSubmit}
+      textFieldStyle={{ maxWidth: '415px' }}
     >
-      <Notice warning>
-        <Typography style={{ fontSize: '0.875rem' }}>
-          <strong>Warning:</strong> Please note this is an extremely destructive
-          action. Closing your account means that all services including
-          Linodes, Volumes, DNS Records, etc will be lost and may not be able to
-          be restored.
-        </Typography>
-      </Notice>
-      <TypeToConfirm
-        label={`Please enter your username (${profile.username}) to confirm.`}
-        onChange={(input) => setUsername(input)}
-        inputRef={inputRef}
-        aria-label="username field"
-        value={inputtedUsername}
-        visible
-        hideInstructions
-        placeholder="Username"
-      />
+      {errors ? <Notice error text={errors ? errors[0].reason : ''} /> : null}
+      <StyledNoticeWrapper>
+        <Notice warning spacingBottom={12}>
+          <Typography sx={{ fontSize: '0.875rem' }}>
+            <strong>Warning:</strong> Please note this is an extremely
+            destructive action. Closing your account means that all services
+            Linodes, Volumes, DNS Records, etc will be lost and may not be able
+            be restored.
+          </Typography>
+        </Notice>
+      </StyledNoticeWrapper>
       <Typography className={classes.dontgo}>
         We&rsquo;d hate to see you go. Please let us know what we could be doing
         better in the comments section below. After your account is closed,
         you&rsquo;ll be directed to a quick survey so we can better gauge your
         feedback.
       </Typography>
-      <TextField
-        label="Comments"
-        multiline
-        onChange={(e) => setComments(e.target.value)}
-        optional
-        placeholder="Provide Feedback"
-        rows={1}
-        value={comments}
-        aria-label="Optional comments field"
-      />
-    </ConfirmationDialog>
+      <StyledCommentSectionWrapper>
+        <TextField
+          label="Comments"
+          multiline
+          onChange={(e) => setComments(e.target.value)}
+          optional
+          placeholder="Provide Feedback"
+          rows={1}
+          value={comments}
+          aria-label="Optional comments field"
+        />
+      </StyledCommentSectionWrapper>
+    </TypeToConfirmDialog>
   );
 };
 
-interface ActionsProps {
-  onClose: () => void;
-  onSubmit: () => void;
-  isCanceling: boolean;
-  disabled: boolean;
-}
+// The order property helps inject the TypeToConfirm input field in the TypeToConfirmDialog when the components
+// below are passed in as the children prop.
+const StyledNoticeWrapper = styled('div')(() => ({
+  order: 0,
+}));
 
-const Actions = ({
-  disabled,
-  isCanceling,
-  onClose,
-  onSubmit,
-}: ActionsProps) => {
-  return (
-    <ActionsPanel>
-      <Button buttonType="secondary" onClick={onClose}>
-        Cancel
-      </Button>
-      <Button
-        buttonType="primary"
-        onClick={onSubmit}
-        disabled={disabled}
-        loading={isCanceling}
-      >
-        Close Account
-      </Button>
-    </ActionsPanel>
-  );
-};
+const StyledCommentSectionWrapper = styled('div')(() => ({
+  order: 2,
+}));
 
 export default React.memo(CloseAccountDialog);
diff --git a/packages/manager/src/features/Account/EnableObjectStorage.tsx b/packages/manager/src/features/Account/EnableObjectStorage.tsx
index f54136a074a..c71cb335369 100644
--- a/packages/manager/src/features/Account/EnableObjectStorage.tsx
+++ b/packages/manager/src/features/Account/EnableObjectStorage.tsx
@@ -3,21 +3,17 @@ import { cancelObjectStorage } from '@linode/api-v4/lib/object-storage';
 import { APIError } from '@linode/api-v4/lib/types';
 import * as React from 'react';
 import { Link } from 'react-router-dom';
+import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog';
 import { Accordion } from 'src/components/Accordion';
-import ActionsPanel from 'src/components/ActionsPanel';
 import { Button } from 'src/components/Button/Button';
-import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
 import { Notice } from 'src/components/Notice/Notice';
-import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm';
 import { Typography } from 'src/components/Typography';
 import ExternalLink from 'src/components/ExternalLink';
 import Grid from '@mui/material/Unstable_Grid2';
 import { updateAccountSettingsData } from 'src/queries/accountSettings';
-import { usePreferences } from 'src/queries/preferences';
 import { useProfile } from 'src/queries/profile';
 import { queryKey } from 'src/queries/objectStorage';
 import { useQueryClient } from 'react-query';
-
 interface Props {
   object_storage: AccountSettings['object_storage'];
 }
@@ -73,13 +69,9 @@ export const EnableObjectStorage = (props: Props) => {
   const [isOpen, setOpen] = React.useState<boolean>(false);
   const [error, setError] = React.useState<string | undefined>();
   const [isLoading, setLoading] = React.useState<boolean>(false);
-  const [confirmText, setConfirmText] = React.useState('');
-  const { data: preferences } = usePreferences();
   const { data: profile } = useProfile();
   const queryClient = useQueryClient();
   const username = profile?.username;
-  const disabledConfirm =
-    preferences?.type_to_confirm !== false && confirmText !== username;
 
   const handleClose = () => {
     setOpen(false);
@@ -104,28 +96,6 @@ export const EnableObjectStorage = (props: Props) => {
       .catch(handleError);
   };
 
-  const actions = (
-    <ActionsPanel>
-      <Button
-        buttonType="secondary"
-        onClick={handleClose}
-        data-testid="dialog-cancel"
-      >
-        Cancel
-      </Button>
-
-      <Button
-        buttonType="primary"
-        onClick={handleSubmit}
-        disabled={disabledConfirm}
-        loading={isLoading}
-        data-testid="dialog-confirm"
-      >
-        Confirm Cancellation
-      </Button>
-    </ActionsPanel>
-  );
-
   return (
     <>
       <Accordion heading="Object Storage" defaultExpanded={true}>
@@ -134,35 +104,30 @@ export const EnableObjectStorage = (props: Props) => {
           openConfirmationModal={() => setOpen(true)}
         />
       </Accordion>
-      <ConfirmationDialog
+      <TypeToConfirmDialog
+        title={`Cancel Object Storage`}
+        label={'Username'}
+        entity={{
+          type: 'AccountSetting',
+          subType: 'ObjectStorage',
+          action: 'cancellation',
+          name: username,
+          primaryBtnText: 'Confirm Cancellation',
+        }}
         open={isOpen}
-        error={error}
-        onClose={() => handleClose()}
-        title="Cancel Object Storage"
-        actions={actions}
+        loading={isLoading}
+        onClose={handleClose}
+        onClick={handleSubmit}
       >
+        {error ? <Notice error text={error} /> : null}
         <Notice warning>
-          <Typography style={{ fontSize: '0.875rem' }}>
+          <Typography sx={{ fontSize: '0.875rem' }}>
             <strong>Warning:</strong> Canceling Object Storage will permanently
             delete all buckets and their objects. Object Storage Access Keys
             will be revoked.
           </Typography>
         </Notice>
-        <TypeToConfirm
-          data-testid="dialog-confirm-text-input"
-          label="Username"
-          onChange={(input) => setConfirmText(input)}
-          expand
-          value={confirmText}
-          confirmationText={
-            <span>
-              To confirm cancellation, type your username (<b>{username}</b>) in
-              the field below:
-            </span>
-          }
-          visible={preferences?.type_to_confirm}
-        />
-      </ConfirmationDialog>
+      </TypeToConfirmDialog>
     </>
   );
 };
diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/RestoreFromBackupDialog.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/RestoreFromBackupDialog.tsx
index 4575fdd1644..455be5a9532 100644
--- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/RestoreFromBackupDialog.tsx
+++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/RestoreFromBackupDialog.tsx
@@ -2,15 +2,11 @@ import { Database, DatabaseBackup } from '@linode/api-v4/lib/databases';
 import { useSnackbar } from 'notistack';
 import * as React from 'react';
 import { useHistory } from 'react-router-dom';
-import ActionsPanel from 'src/components/ActionsPanel';
-import { Button } from 'src/components/Button/Button';
-import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
+import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog';
 import { DialogProps } from 'src/components/Dialog/Dialog';
 import { Notice } from 'src/components/Notice/Notice';
-import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm';
 import { Typography } from 'src/components/Typography';
 import { useRestoreFromBackupMutation } from 'src/queries/databases';
-import { usePreferences } from 'src/queries/preferences';
 import { useProfile } from 'src/queries/profile';
 import { getAPIErrorOrDefault } from 'src/utilities/errorUtils';
 import formatDate from 'src/utilities/formatDate';
@@ -23,14 +19,9 @@ interface Props extends Omit<DialogProps, 'title'> {
 }
 
 export const RestoreFromBackupDialog: React.FC<Props> = (props) => {
-  const { database, backup, onClose, open, ...rest } = props;
-
+  const { database, backup, onClose, open } = props;
   const history = useHistory();
   const { enqueueSnackbar } = useSnackbar();
-
-  const [confirmationText, setConfirmationText] = React.useState('');
-
-  const { data: preferences } = usePreferences();
   const { data: profile } = useProfile();
 
   const {
@@ -49,40 +40,23 @@ export const RestoreFromBackupDialog: React.FC<Props> = (props) => {
     });
   };
 
-  const actions = (
-    <ActionsPanel style={{ padding: 0 }}>
-      <Button buttonType="secondary" onClick={onClose}>
-        Cancel
-      </Button>
-      <Button
-        buttonType="primary"
-        onClick={handleRestoreDatabase}
-        disabled={
-          preferences?.type_to_confirm !== false &&
-          confirmationText !== database.label
-        }
-        loading={isLoading}
-      >
-        Restore Database
-      </Button>
-    </ActionsPanel>
-  );
-
-  React.useEffect(() => {
-    if (open) {
-      setConfirmationText('');
-    }
-  }, [open]);
-
   return (
-    <ConfirmationDialog
-      {...rest}
+    <TypeToConfirmDialog
       title={`Restore from Backup ${formatDate(backup.created, {
         timezone: profile?.timezone,
       })}`}
+      label={'Database Label'}
+      entity={{
+        type: 'Database',
+        subType: 'Cluster',
+        action: 'restoration',
+        name: database.label,
+        primaryBtnText: 'Restore Database',
+      }}
       open={open}
       onClose={onClose}
-      actions={actions}
+      onClick={handleRestoreDatabase}
+      loading={isLoading}
     >
       {error ? (
         <Notice
@@ -99,20 +73,7 @@ export const RestoreFromBackupDialog: React.FC<Props> = (props) => {
           existing data on this cluster.
         </Typography>
       </Notice>
-      <TypeToConfirm
-        confirmationText={
-          <span>
-            To confirm restoration, type the name of the database cluster (
-            <strong>{database.label}</strong>) in the field below.
-          </span>
-        }
-        onChange={(input) => setConfirmationText(input)}
-        value={confirmationText}
-        label="Database Label"
-        visible={preferences?.type_to_confirm}
-        placeholder={database.label}
-      />
-    </ConfirmationDialog>
+    </TypeToConfirmDialog>
   );
 };
 
diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsDeleteClusterDialog.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsDeleteClusterDialog.tsx
index 5367d1f4b21..ade1e5b0ed2 100644
--- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsDeleteClusterDialog.tsx
+++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsDeleteClusterDialog.tsx
@@ -2,15 +2,11 @@ import { Engine } from '@linode/api-v4/lib/databases';
 import { useSnackbar } from 'notistack';
 import * as React from 'react';
 import { useHistory } from 'react-router-dom';
-import ActionsPanel from 'src/components/ActionsPanel';
-import { Button } from 'src/components/Button/Button';
-import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
 import { Typography } from 'src/components/Typography';
 import { Notice } from 'src/components/Notice/Notice';
-import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm';
+import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog';
 import { useDeleteDatabaseMutation } from 'src/queries/databases';
 import { getAPIErrorOrDefault } from 'src/utilities/errorUtils';
-import { usePreferences } from 'src/queries/preferences';
 
 interface Props {
   open: boolean;
@@ -20,49 +16,17 @@ interface Props {
   databaseLabel: string;
 }
 
-const renderActions = (
-  disabled: boolean,
-  loading: boolean,
-  onClose: () => void,
-  onDelete: () => void
-) => (
-  <ActionsPanel>
-    <Button
-      buttonType="secondary"
-      onClick={onClose}
-      data-qa-cancel
-      data-testid={'dialog-cancel'}
-    >
-      Cancel
-    </Button>
-    <Button
-      buttonType="primary"
-      onClick={onDelete}
-      disabled={disabled}
-      loading={loading}
-      data-qa-cancel
-      data-testid={'dialog-confirm'}
-    >
-      Delete Cluster
-    </Button>
-  </ActionsPanel>
-);
-
 export const DatabaseSettingsDeleteClusterDialog: React.FC<Props> = (props) => {
   const { open, onClose, databaseID, databaseEngine, databaseLabel } = props;
   const { enqueueSnackbar } = useSnackbar();
-  const { data: preferences } = usePreferences();
   const { mutateAsync: deleteDatabase } = useDeleteDatabaseMutation(
     databaseEngine,
     databaseID
   );
   const defaultError = 'There was an error deleting this Database Cluster.';
   const [error, setError] = React.useState('');
-  const [confirmText, setConfirmText] = React.useState('');
   const [isLoading, setIsLoading] = React.useState(false);
   const { push } = useHistory();
-  const disabled =
-    preferences?.type_to_confirm !== false && confirmText !== databaseLabel;
 
   const onDeleteCluster = () => {
     setIsLoading(true);
@@ -82,13 +46,22 @@ export const DatabaseSettingsDeleteClusterDialog: React.FC<Props> = (props) => {
   };
 
   return (
-    <ConfirmationDialog
+    <TypeToConfirmDialog
       title={`Delete Database Cluster ${databaseLabel}`}
+      label={'Cluster Name'}
+      entity={{
+        type: 'Database',
+        subType: 'Cluster',
+        action: 'deletion',
+        name: databaseLabel,
+        primaryBtnText: 'Delete Cluster',
+      }}
       open={open}
-      error={error}
       onClose={onClose}
-      actions={renderActions(disabled, isLoading, onClose, onDeleteCluster)}
+      onClick={onDeleteCluster}
+      loading={isLoading}
     >
+      {error ? <Notice error text={error} /> : null}
       <Notice warning>
         <Typography style={{ fontSize: '0.875rem' }}>
           <strong>Warning:</strong> Deleting your entire database will delete
@@ -96,21 +69,7 @@ export const DatabaseSettingsDeleteClusterDialog: React.FC<Props> = (props) => {
           may result in permanent data loss. This action cannot be undone.
         </Typography>
       </Notice>
-      <TypeToConfirm
-        data-testid={'dialog-confirm-text-input'}
-        label="Cluster Name"
-        onChange={(input) => setConfirmText(input)}
-        expand
-        value={confirmText}
-        confirmationText={
-          <span>
-            To confirm deletion, type the name of the database cluster (
-            <b>{databaseLabel}</b>) in the field below:
-          </span>
-        }
-        visible={preferences?.type_to_confirm}
-      />
-    </ConfirmationDialog>
+    </TypeToConfirmDialog>
   );
 };
 
diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/DeleteKubernetesClusterDialog.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/DeleteKubernetesClusterDialog.tsx
index 3fb71969fa2..b234dd01d10 100644
--- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/DeleteKubernetesClusterDialog.tsx
+++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/DeleteKubernetesClusterDialog.tsx
@@ -1,11 +1,7 @@
 import * as React from 'react';
-import ActionsPanel from 'src/components/ActionsPanel';
-import { Button } from 'src/components/Button/Button';
-import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
+import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog';
 import { Typography } from 'src/components/Typography';
-import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm';
 import { Notice } from 'src/components/Notice/Notice';
-import { usePreferences } from 'src/queries/preferences';
 import { useDeleteKubernetesClusterMutation } from 'src/queries/kubernetes';
 import { KubeNodePoolResponse } from '@linode/api-v4';
 import { useHistory } from 'react-router-dom';
@@ -25,24 +21,12 @@ export const getTotalLinodes = (pools: KubeNodePoolResponse[]) => {
 
 export const DeleteKubernetesClusterDialog = (props: Props) => {
   const { clusterLabel, clusterId, open, onClose } = props;
-
   const {
     mutateAsync: deleteCluster,
     isLoading: isDeleting,
     error,
   } = useDeleteKubernetesClusterMutation();
-
   const history = useHistory();
-  const { data: preferences } = usePreferences();
-  const [confirmText, setConfirmText] = React.useState<string>('');
-  const disabled =
-    preferences?.type_to_confirm !== false && confirmText !== clusterLabel;
-
-  React.useEffect(() => {
-    if (open && confirmText !== '') {
-      setConfirmText('');
-    }
-  }, [open]);
 
   const onDelete = () => {
     deleteCluster({ id: clusterId }).then(() => {
@@ -51,37 +35,23 @@ export const DeleteKubernetesClusterDialog = (props: Props) => {
     });
   };
 
-  const actions = (
-    <ActionsPanel style={{ padding: 0 }}>
-      <Button
-        buttonType="secondary"
-        onClick={onClose}
-        data-qa-cancel
-        data-testid={'dialog-cancel'}
-      >
-        Cancel
-      </Button>
-      <Button
-        buttonType="primary"
-        onClick={onDelete}
-        disabled={disabled}
-        loading={isDeleting}
-        data-qa-confirm
-        data-testid={'dialog-confirm'}
-      >
-        Delete Cluster
-      </Button>
-    </ActionsPanel>
-  );
-
   return (
-    <ConfirmationDialog
-      open={open}
+    <TypeToConfirmDialog
       title={`Delete Cluster ${clusterLabel}`}
+      label={'Cluster Name'}
+      entity={{
+        type: 'Kubernetes',
+        subType: 'Cluster',
+        action: 'deletion',
+        name: clusterLabel,
+        primaryBtnText: 'Delete Cluster',
+      }}
+      open={open}
       onClose={onClose}
-      actions={actions}
-      error={error?.[0].reason}
+      onClick={onDelete}
+      loading={isDeleting}
     >
+      {error ? <Notice error text={error?.[0].reason} /> : null}
       <Notice warning>
         <Typography style={{ fontSize: '0.875rem' }}>
           <strong>Warning:</strong>
@@ -94,23 +64,6 @@ export const DeleteKubernetesClusterDialog = (props: Props) => {
           </ul>
         </Typography>
       </Notice>
-      <TypeToConfirm
-        label="Cluster Name"
-        confirmationText={
-          <span>
-            To confirm deletion, type the name of the cluster (
-            <b>{clusterLabel}</b>) in the field below:
-          </span>
-        }
-        value={confirmText}
-        typographyStyle={{ marginTop: '10px' }}
-        data-testid={'dialog-confirm-text-input'}
-        expand
-        onChange={(input) => {
-          setConfirmText(input);
-        }}
-        visible={preferences?.type_to_confirm}
-      />
-    </ConfirmationDialog>
+    </TypeToConfirmDialog>
   );
 };
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsDeletePanel.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsDeletePanel.tsx
index 9d975ed5a0a..9a1da6e09fe 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsDeletePanel.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsDeletePanel.tsx
@@ -52,7 +52,13 @@ export const LinodeSettingsDeletePanel = ({ linodeId, isReadOnly }: Props) => {
       </Accordion>
       <TypeToConfirmDialog
         title={`Delete ${linode?.label}?`}
-        entity={{ type: 'Linode', label: linode?.label }}
+        label={'Linode Label'}
+        entity={{
+          type: 'Linode',
+          action: 'deletion',
+          name: linode?.label,
+          primaryBtnText: 'Delete',
+        }}
         open={open}
         loading={isLoading}
         errors={error}
diff --git a/packages/manager/src/features/Linodes/LinodesLanding/DeleteLinodeDialog.tsx b/packages/manager/src/features/Linodes/LinodesLanding/DeleteLinodeDialog.tsx
index 343fa64cfda..bda30af2fe2 100644
--- a/packages/manager/src/features/Linodes/LinodesLanding/DeleteLinodeDialog.tsx
+++ b/packages/manager/src/features/Linodes/LinodesLanding/DeleteLinodeDialog.tsx
@@ -46,7 +46,13 @@ export const DeleteLinodeDialog = (props: Props) => {
   return (
     <TypeToConfirmDialog
       title={`Delete ${linode?.label ?? ''}?`}
-      entity={{ type: 'Linode', label: linode?.label }}
+      label={'Linode Label'}
+      entity={{
+        type: 'Linode',
+        action: 'deletion',
+        name: linode?.label,
+        primaryBtnText: 'Delete',
+      }}
       open={open}
       loading={isLoading}
       errors={error}
diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerDeleteDialog.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerDeleteDialog.tsx
index c9e25b2b18b..e30be7f9895 100644
--- a/packages/manager/src/features/NodeBalancers/NodeBalancerDeleteDialog.tsx
+++ b/packages/manager/src/features/NodeBalancers/NodeBalancerDeleteDialog.tsx
@@ -30,9 +30,12 @@ export const NodeBalancerDeleteDialog = ({
   return (
     <TypeToConfirmDialog
       title={`Delete ${label}?`}
+      label={'NodeBalancer Label'}
       entity={{
         type: 'NodeBalancer',
-        label,
+        action: 'deletion',
+        name: label,
+        primaryBtnText: 'Delete',
       }}
       open={open}
       loading={isLoading}
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx
index ee46ba11ecd..ecd0b3c3991 100644
--- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx
@@ -203,9 +203,12 @@ export const BucketLanding = () => {
       </Grid>
       <TypeToConfirmDialog
         title={`Delete Bucket ${bucketLabel}`}
+        label={'Bucket Name'}
         entity={{
           type: 'Bucket',
-          label: bucketLabel,
+          action: 'deletion',
+          name: bucketLabel,
+          primaryBtnText: 'Delete',
         }}
         open={removeBucketConfirmationDialog.isOpen}
         loading={isLoading}
diff --git a/packages/manager/src/features/Volumes/DestructiveVolumeDialog.tsx b/packages/manager/src/features/Volumes/DestructiveVolumeDialog.tsx
index 446c0b189ce..fcc36271b00 100644
--- a/packages/manager/src/features/Volumes/DestructiveVolumeDialog.tsx
+++ b/packages/manager/src/features/Volumes/DestructiveVolumeDialog.tsx
@@ -78,17 +78,6 @@ export const DestructiveVolumeDialog = (props: Props) => {
     delete: onDelete,
   }[props.mode];
 
-  const action = {
-    detach: {
-      verb: 'Detach',
-      noun: 'detachment',
-    },
-    delete: {
-      verb: 'Delete',
-      noun: 'deletion',
-    },
-  }[props.mode];
-
   const loading = {
     detach: detachLoading,
     delete: deleteLoading,
@@ -111,17 +100,17 @@ export const DestructiveVolumeDialog = (props: Props) => {
   return (
     <TypeToConfirmDialog
       title={title}
-      entity={{ type: 'Volume', label }}
+      label={'Volume Label'}
+      entity={{
+        type: 'Volume',
+        action: mode === 'detach' ? 'detachment' : 'deletion',
+        name: label,
+        primaryBtnText: mode === 'detach' ? 'Detach' : 'Delete',
+      }}
       open={open}
       loading={loading}
       onClose={onClose}
       onClick={method}
-      confirmationText={
-        <span>
-          To confirm {action.noun}, type the name of the Volume (<b>{label}</b>)
-          in the field below:
-        </span>
-      }
       typographyStyle={{ marginTop: '10px' }}
     >
       {error && <Notice error text={error} />}