diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/Examples.js b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/Examples.js
index d36decb3ad7..0f6523423da 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/Examples.js
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/Examples.js
@@ -4,6 +4,13 @@
  */
 
 import ComponentBox from 'dnb-design-system-portal/src/shared/tags/ComponentBox'
+import {
+  trash_medium,
+  log_out_medium,
+  cookie_medium,
+  bell_medium,
+  edit,
+} from '@dnb/eufemia/src/icons'
 
 export const DialogExampleDefault = () => (
   <ComponentBox data-visual-test="dialog-default">
@@ -140,3 +147,130 @@ export const DialogExampleProgressIndicator = () => (
 	`}
   </ComponentBox>
 )
+
+export const DialogConfirmDefault = () => (
+  <ComponentBox
+    data-visual-test="dialog-confirm-default"
+    scope={{ bell_medium }}
+  >
+    {() => /* jsx */ `
+<Dialog
+  variant="confirm"
+  title="Dialog confirm title"
+  icon={bell_medium}
+  modalContent="Some content describing the situation."
+  onConfirm={(e, close) => {close();}}
+  triggerAttributes={{
+    text: 'Trigger button',
+  }}
+/>`}
+  </ComponentBox>
+)
+
+export const DialogConfirmDelete = () => (
+  <ComponentBox
+    data-visual-test="dialog-confirm-delete"
+    scope={{ trash_medium }}
+  >
+    {() => /* jsx */ `
+<Dialog
+  variant="confirm"
+  confirmType="warning"
+  title="Are you sure you want to delete this?"
+  icon={trash_medium}
+  modalContent="This action cannot be undone."
+  confirmText="Delete"
+  declineText="Cancel"
+  onConfirm={(e, close) => {close();}}
+  triggerAttributes={{
+    text: 'Delete record',
+    icon: trash_medium,
+  }}
+/>`}
+  </ComponentBox>
+)
+
+const loginHandler = () => {}
+
+export const DialogConfirmLoggedOut = () => (
+  <ComponentBox
+    data-visual-test="dialog-confirm-loggedout"
+    scope={{ log_out_medium, loginHandler }}
+    useRender
+  >
+    {() => /* jsx */ `
+const Component = () => {
+  const [open, setOpen] = React.useState(false)
+  return (
+    <>
+      <Button
+        id="custom-triggerer"
+        text="Manually trigger"
+        on_click={() => setOpen(true)}
+      />
+      <Dialog
+        variant="confirm"
+        title="Du har blitt logget ut"
+        icon={log_out_medium}
+        modalContent="For å fortsette må du logge inn igjen."
+        confirmText="Logg inn"
+        hideDecline
+        openState={open}
+        onClose={() => {
+          setOpen(false)
+        }}
+        onConfirm={() => {
+          setOpen(false)
+          loginHandler()
+        }}
+        labelled_by="custom-triggerer"
+      />
+    </>
+  )
+}
+render(<Component />)	
+`}
+  </ComponentBox>
+)
+
+export const DialogConfirmCookies = () => (
+  <ComponentBox
+    data-visual-test="dialog-confirm-cookie"
+    scope={{ cookie_medium, edit }}
+  >
+    {() => /* jsx */ `
+<Dialog
+  triggerAttributes={{
+    text: 'Show cookie dialog',
+  }}
+  icon={cookie_medium}
+  variant="confirm"
+  title="Informasjonskapsler (cookies)"
+>
+  Vi bruker cookies for å gi deg den beste opplevelsen i nettbanken
+  vår.
+  <br />
+  <Anchor target="_blank" href="https://www.dnb.no/cookies">
+    Les mer om cookies
+  </Anchor>
+  <Dialog.Action>
+    <Button
+      variant="tertiary"
+      text="Administrer"
+      icon={edit}
+      icon_position="left"
+      on_click={({_, close}) => {
+        close()
+      }}
+    />
+    <Button
+      text="Jeg godtar"
+      on_click={({_, close}) => {
+        close()
+      }}
+    />
+  </Dialog.Action>
+</Dialog>
+`}
+  </ComponentBox>
+)
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/assets/dialog_confirm.png b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/assets/dialog_confirm.png
new file mode 100644
index 00000000000..2ce4f2160b1
Binary files /dev/null and b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/assets/dialog_confirm.png differ
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/assets/dialog_inform.png b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/assets/dialog_inform.png
new file mode 100644
index 00000000000..f3aa68890e1
Binary files /dev/null and b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/assets/dialog_inform.png differ
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/demos.md b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/demos.md
index ff1111ae00c..055a076a97e 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/demos.md
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/demos.md
@@ -9,10 +9,19 @@ DialogExampleFullscreen,
 DialogExampleDelayClose,
 DialogExampleCustomTrigger,
 DialogExampleProgressIndicator,
-FullDialogExample
+FullDialogExample,
+DialogConfirmDefault,
+DialogConfirmDelete,
+DialogConfirmLoggedOut,
+DialogConfirmCookies,
 } from 'Docs/uilib/components/dialog/Examples'
 
-## Demos
+## Table of contents
+
+1. [Inform demos](/uilib/components/dialog/demos#demos-for-variant-inform)
+1. [Confirm demos](/uilib/components/dialog/demos#demos-for-variant-confirm)
+
+## Demos for variant `inform`
 
 ### Basic Dialog
 
@@ -41,3 +50,27 @@ FullDialogExample
 ### Dialog with close delay
 
 <DialogExampleDelayClose />
+
+## Demos for variant `confirm`
+
+### Confirm dialog
+
+<DialogConfirmDefault />
+
+### Deletion Dialog
+
+A `confirmType="warning"` will enhance the context by applying a red color to the icon, as in the deletion scenario.
+
+<DialogConfirmDelete />
+
+### Logged out Dialog
+
+Use the `openState` prop to automatically trigger the Dialog, here demonstrated with a button for simplicity. You can also change the default confirm text and hide the decline button when suited.
+
+<DialogConfirmLoggedOut />
+
+### Cookie concent Dialog
+
+Provide a custom set of buttons, like this cookie concent Dialog that has a `tertiary` "Administrate" button. Notice that the `close` function will be provided for every child of type [Button](/uilib/components/button) given to `Dialog.Actions`.
+
+<DialogConfirmCookies />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/events.md b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/events.md
index b35230dacd5..3b7c787842f 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/events.md
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/events.md
@@ -6,6 +6,11 @@ import ModalEventTable from 'Docs/uilib/components/modal/event-table'
 
 ## Events
 
-Dialog includes the same events as [Modal](/uilib/components/modal).
+| Events      | Description                                                                                                                                   |
+| ----------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
+| `onConfirm` | _(optional)_ For variant confirm, handle the confirm action click. Provided with the mouse event and the Modal function `close` as arguments. |
+| `onDecline` | _(optional)_ For variant confirm, handle the decline action click. Provided with the mouse event and the Modal function `close` as arguments. |
+
+Dialog also includes the same events as [Modal](/uilib/components/modal).
 
 <ModalEventTable />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/info.md b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/info.md
index 06af39459e9..8670c0356c9 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/info.md
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/info.md
@@ -2,9 +2,24 @@
 showTabs: true
 ---
 
+import InlineImg from 'dnb-design-system-portal/src/shared/tags/Img'
+import DialogConfirmExample from 'Docs/uilib/components/dialog/assets/dialog_confirm.png'
+import DialogInformExample from 'Docs/uilib/components/dialog/assets/dialog_inform.png'
+
 ## Description
 
-The Dialog component is a [Modal](/uilib/components/modal) variation that appears at the center of the screen. The Dialog has similar functionality to a traditional popup window and is mostly used for informational purposes (for example explaining a word on the page). Similar to Modal, it has to be triggered by the user to appear. Typical usage would be to read an explanation, then closing it.
+The Dialog component is a [Modal](/uilib/components/modal) variation that appears at the center of the screen. The Dialog has similar functionality to a traditional popup window. Similar to Modal, it has to be triggered by the user to appear. Typical usage would be to read an explanation, then closing it.
+
+### Variants
+
+There are two variants of the Dialog component: `inform` and `confirm`.
+
+<InlineImg height="230" width="auto" src={DialogInformExample} caption="Example of an informational Dialog" className="mint-green-12" />
+<InlineImg height="230" width="auto" src={DialogConfirmExample} caption="Example of a confirmation Dialog" className="mint-green-12" />
+
+The informational variant (`inform`) is used for informational purposes, for example explaining a word/something on the page. It has to be triggered by the user to appear. Typical usage for it would be to read an explanation, then closing it.
+
+The confirmation variant (`confirm`) is used when some action is needed, or if we have to inform of something without the users triggering it. A couple of examples would be a scenario where the user confirms to delete something, or if the user has been logged out automatically, which we would need to inform of, or a cookie consent dialogue.
 
 ### Parts in Dialog
 
@@ -12,6 +27,7 @@ To provide custom content to parts of the Dialog, a set of component parts are p
 
 - `<Dialog.Navigation>`: The navigation field at the top of the component, default with a close button (Equal to the prop `navContent`).
 - `<Dialog.Header>`: The header field of the component, where the `title` will appear (Equal to the prop `headerContent`).
+- `<Dialog.Actions>`: An optional field for buttons at the bottom of the component. This field will appear by default for variant `confirm`.
 
 ### More detailed information
 
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/prop-table.md b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/prop-table.md
index 6b09202016e..3ed1fcd7834 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/prop-table.md
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/dialog/prop-table.md
@@ -3,6 +3,7 @@
 
 | Properties         | Description                                                                                                                                                                                                                                  |
 | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `variant`          | _(optional)_ The dialog variant. Can either be `inform` or `confirm`. Defaults to `inform`.                                                                                                                                                  |
 | `title`            | _(optional)_ The dialog title. Displays on the very top of the content.                                                                                                                                                                      |
 | `minWidth`         | _(optional)_ The minimum Dialog content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`). |
 | `maxWidth`         | _(optional)_ The maximum Dialog content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).                                                                                              |
@@ -14,4 +15,8 @@
 | `modalContent`     | _(optional)_ The content which will appear when triggering the dialog.                                                                                                                                                                       |
 | `alignContent`     | _(optional)_ Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.                             |
 | `fullscreen`       | _(optional)_ If set to `true` then the dialog content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.                                       |
-| `variant` (COMING) | _(optional)_ The dialog variant. Can either be `inform`, `confirm` or `custom`. Defaults to `inform`.                                                                                                                                        |
+| `icon`             | _(optional)_ An icon to display at the top of the component. Should be of size medium, so make sure you import the `_medium` version of the Eufemia icon.                                                                                    |
+| `confirmType`      | _(optional)_ For variant confirm, the dialog is either an informational (`info`) or a warning (`warning`) message. Defaults to 'info'.                                                                                                       |
+| `declineText`      | _(optional)_ For dialog actions, give a custom text for the decline button.                                                                                                                                                                  |
+| `confirmText`      | _(optional)_ For dialog actions, give a custom text for the confirm button.                                                                                                                                                                  |
+| `hideDecline`      | _(optional)_ For variant confirm, hide the default decline button and only show the confirm button.                                                                                                                                          |
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/modal/event-table.md b/packages/dnb-design-system-portal/src/docs/uilib/components/modal/event-table.md
index f05ce294c01..b9e2a61f037 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/modal/event-table.md
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/modal/event-table.md
@@ -1,8 +1,8 @@
 ---
 ---
 
-| Events                              | Description                                                                                                                                                                                                                                                                          |
-| ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `onOpen` / `on_open`                | _(optional)_ This event gets triggered once the modal shows up. Returns the modal id: `{ id }`.`.                                                                                                                                                                                    |
-| `onClose` / `on_close`              | _(optional)_ this event gets triggered once the modal gets closed. Returns the modal id: `{ id, event, triggeredBy }`.                                                                                                                                                               |
-| `onClosePrevent` / `onClosePrevent` | _(optional)_ this event gets triggered once the user tries to close the modal, but `prevent_close` is set to **true**. Returns a callback `close` You can call to trigger the close mechanism. More details below. Returns the modal id: `{ id, event, close: Method, triggeredBy }` |
+| Events                                | Description                                                                                                                                                                                                                                                                          |
+| ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `onOpen` / `on_open`                  | _(optional)_ This event gets triggered once the modal shows up. Returns the modal id: `{ id }`.`.                                                                                                                                                                                    |
+| `onClose` / `on_close`                | _(optional)_ this event gets triggered once the modal gets closed. Returns the modal id: `{ id, event, triggeredBy }`.                                                                                                                                                               |
+| `onClosePrevent` / `on_close_prevent` | _(optional)_ this event gets triggered once the user tries to close the modal, but `prevent_close` is set to **true**. Returns a callback `close` You can call to trigger the close mechanism. More details below. Returns the modal id: `{ id, event, close: Method, triggeredBy }` |
diff --git a/packages/dnb-eufemia/src/components/dialog/Dialog.tsx b/packages/dnb-eufemia/src/components/dialog/Dialog.tsx
index 6a002c6098a..3d27ee07d6c 100644
--- a/packages/dnb-eufemia/src/components/dialog/Dialog.tsx
+++ b/packages/dnb-eufemia/src/components/dialog/Dialog.tsx
@@ -12,6 +12,7 @@ import { DialogProps, DialogContentProps } from './types'
 import classnames from 'classnames'
 import Context from '../../shared/Context'
 import { removeUndefinedProps } from '../../shared/component-helper'
+import DialogAction from './parts/DialogAction'
 
 function Dialog({
   id,
@@ -31,7 +32,9 @@ function Dialog({
   noAnimation,
   noAnimationOnMobile,
   animationDuration,
-  fullscreen = 'auto',
+  fullscreen,
+
+  variant = 'inform',
 
   onOpen,
   onClose,
@@ -57,6 +60,16 @@ function Dialog({
 }: DialogProps & DialogContentProps): JSX.Element {
   const context = useContext(Context)
 
+  if (variant == 'confirm') {
+    hideCloseButton =
+      hideCloseButton !== undefined ? hideCloseButton : true
+    triggerAttributes = triggerAttributes || { hidden: true }
+  }
+
+  if (fullscreen === undefined) {
+    fullscreen = variant === 'inform' ? 'auto' : false
+  }
+
   const modalProps = removeUndefinedProps({
     title,
     id,
@@ -99,6 +112,7 @@ function Dialog({
     noAnimationOnMobile,
     fullscreen,
     spacing,
+    variant,
   })
 
   return (
@@ -116,5 +130,6 @@ function Dialog({
 Dialog.Body = DialogBody
 Dialog.Header = DialogHeader
 Dialog.Navigation = DialogNavigation
+Dialog.Action = DialogAction
 
 export default Dialog
diff --git a/packages/dnb-eufemia/src/components/dialog/DialogContent.tsx b/packages/dnb-eufemia/src/components/dialog/DialogContent.tsx
index ac2a7dc2c7f..d3003f1028e 100644
--- a/packages/dnb-eufemia/src/components/dialog/DialogContent.tsx
+++ b/packages/dnb-eufemia/src/components/dialog/DialogContent.tsx
@@ -12,27 +12,37 @@ import {
 import ScrollView from '../../fragments/scroll-view/ScrollView'
 import DialogHeader from './parts/DialogHeader'
 import DialogNavigation from './parts/DialogNavigation'
+import DialogAction from './parts/DialogAction'
 import { getContent } from '../modal/helpers'
 import ModalContext from '../modal/ModalContext'
 import { checkMinMaxWidth } from '../drawer/helpers'
 import { DialogContentProps } from './types'
 import ModalHeaderBar from '../modal/parts/ModalHeaderBar'
 import ModalHeader from '../modal/parts/ModalHeader'
+import IconPrimary from '../icon-primary/IconPrimary'
 
 export default function DialogContent({
   modalContent = null,
   navContent = null,
   headerContent = null,
-  alignContent = 'left',
+  alignContent = null,
   className = null,
   class: _className = null,
   preventCoreStyle = null,
   spacing = true,
-  fullscreen = 'auto',
+  fullscreen,
   noAnimation = false,
   noAnimationOnMobile = false,
   minWidth: min_width = null,
   maxWidth: max_width = null,
+  variant = 'inform',
+  confirmType = 'info',
+  icon = null,
+  hideDecline,
+  onConfirm,
+  onDecline,
+  declineText,
+  confirmText,
   ...rest
 }: DialogContentProps): JSX.Element {
   const context = useContext(ModalContext)
@@ -45,11 +55,16 @@ export default function DialogContent({
         : rest
     )
 
+  if (alignContent === null) {
+    alignContent = variant === 'inform' ? 'left' : 'centered'
+  }
+
   const innerParams = {
     className: classnames(
       !isTrue(preventCoreStyle) && 'dnb-core-style',
 
       'dnb-dialog',
+      variant && `dnb-dialog--${variant}`,
       isTrue(spacing) && 'dnb-dialog--spacing',
       alignContent && `dnb-dialog__align--${alignContent}`,
       isTrue(fullscreen)
@@ -77,6 +92,20 @@ export default function DialogContent({
     content,
     (cur) => cur.type === DialogHeader || cur.type === ModalHeader
   )
+
+  const actionExists = findElementInChildren(
+    content,
+    (cur) => cur.type === DialogAction
+  )
+
+  const dialogActionProps = {
+    onConfirm,
+    onDecline,
+    declineText,
+    confirmText,
+    hideDecline,
+  }
+
   return (
     <ScrollView {...innerParams}>
       <div
@@ -85,17 +114,40 @@ export default function DialogContent({
         ref={context?.contentRef}
       >
         {!navExists && <DialogNavigation>{navContent}</DialogNavigation>}
+        {icon && (
+          <div className="dnb-dialog__icon">
+            <IconPrimary
+              key="dialog-icon"
+              icon={icon}
+              aria-hidden
+              //size="medium"
+              className={classnames(
+                'dnb-dialog__icon__primary',
+                'dnb-dialog__icon--' + confirmType
+              )}
+            />
+          </div>
+        )}
+
         {!headerExists && (
-          <DialogHeader title={context?.title}>
+          <DialogHeader
+            title={context?.title}
+            size={variant === 'inform' ? 'x-large' : 'large'}
+          >
             {headerContent}
           </DialogHeader>
         )}
+
         <div
           id={context?.contentId + '-content'}
           className="dnb-dialog__content"
         >
           {content}
         </div>
+
+        {variant === 'confirm' && !actionExists && (
+          <DialogAction {...dialogActionProps} />
+        )}
       </div>
     </ScrollView>
   )
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/Dialog.screenshot.test.js b/packages/dnb-eufemia/src/components/dialog/__tests__/Dialog.screenshot.test.js
index dd4bda30437..17fc0896a95 100644
--- a/packages/dnb-eufemia/src/components/dialog/__tests__/Dialog.screenshot.test.js
+++ b/packages/dnb-eufemia/src/components/dialog/__tests__/Dialog.screenshot.test.js
@@ -153,3 +153,77 @@ describe('Dialog screenshot', () => {
     expect(screenshot).toMatchImageSnapshot()
   })
 })
+
+describe('Dialog confirm screenshot', () => {
+  setupPageScreenshot({
+    url: '/uilib/components/dialog/demos',
+    pageViewport,
+  })
+
+  it('have to match the default confirmation', async () => {
+    const screenshot = await testPageScreenshot({
+      selector: 'div#dnb-modal-root', // only to make sure we have a valid selector
+      simulate: 'click',
+      simulateSelector:
+        '[data-visual-test="dialog-confirm-default"] button:first-of-type',
+      screenshotSelector: '.dnb-modal__content',
+      rootClassName: 'hide-page-content',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
+})
+
+describe('Dialog confirm screenshot', () => {
+  setupPageScreenshot({
+    url: '/uilib/components/dialog/demos',
+    pageViewport,
+  })
+
+  it('have to match the delete confirmation', async () => {
+    const screenshot = await testPageScreenshot({
+      selector: 'div#dnb-modal-root', // only to make sure we have a valid selector
+      simulate: 'click',
+      simulateSelector:
+        '[data-visual-test="dialog-confirm-delete"] button:first-of-type',
+      screenshotSelector: '.dnb-modal__content',
+      rootClassName: 'hide-page-content',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
+})
+
+describe('Dialog confirm screenshot', () => {
+  setupPageScreenshot({
+    url: '/uilib/components/dialog/demos',
+    pageViewport,
+  })
+  it('have to match the logged out confirmation', async () => {
+    const screenshot = await testPageScreenshot({
+      selector: 'div#dnb-modal-root', // only to make sure we have a valid selector
+      simulate: 'click',
+      simulateSelector:
+        '[data-visual-test="dialog-confirm-loggedout"] button:first-of-type',
+      screenshotSelector: '.dnb-modal__content',
+      rootClassName: 'hide-page-content',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
+})
+
+describe('Dialog confirm screenshot', () => {
+  setupPageScreenshot({
+    url: '/uilib/components/dialog/demos',
+    pageViewport,
+  })
+  it('have to match the cookie concent confirmation', async () => {
+    const screenshot = await testPageScreenshot({
+      selector: 'div#dnb-modal-root', // only to make sure we have a valid selector
+      simulate: 'click',
+      simulateSelector:
+        '[data-visual-test="dialog-confirm-cookie"] button:first-of-type',
+      screenshotSelector: '.dnb-modal__content',
+      rootClassName: 'hide-page-content',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
+})
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap
index 09db2ff1cff..cb60c9b611f 100644
--- a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap
@@ -714,6 +714,7 @@ exports[`Dialog component snapshot should match component snapshot 1`] = `
             modalContent="unique_modal_content"
             noAnimation={true}
             spacing={true}
+            variant="inform"
           />
         }
         mode="custom"
@@ -766,6 +767,7 @@ exports[`Dialog component snapshot should match component snapshot 1`] = `
               modalContent="unique_modal_content"
               noAnimation={true}
               spacing={true}
+              variant="inform"
             />
           }
           mode="custom"
@@ -803,6 +805,7 @@ exports[`Dialog component snapshot should match component snapshot 1`] = `
               modalContent="unique_modal_content"
               noAnimation={true}
               spacing={true}
+              variant="inform"
             >
               <ForwardRef(ScrollViewRef)
                 0={
@@ -811,7 +814,7 @@ exports[`Dialog component snapshot should match component snapshot 1`] = `
                     "props": Object {},
                   }
                 }
-                className="dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
+                className="dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--inform dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
                 onClick={[Function]}
                 onKeyDown={[Function]}
                 onTouchStart={[Function]}
@@ -825,7 +828,7 @@ exports[`Dialog component snapshot should match component snapshot 1`] = `
                     }
                   }
                   class={null}
-                  className="dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
+                  className="dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--inform dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
                   innerRef={null}
                   onClick={[Function]}
                   onKeyDown={[Function]}
@@ -833,7 +836,7 @@ exports[`Dialog component snapshot should match component snapshot 1`] = `
                   style={null}
                 >
                   <div
-                    className="dnb-scroll-view dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
+                    className="dnb-scroll-view dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--inform dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
                     onClick={[Function]}
                     onKeyDown={[Function]}
                     onTouchStart={[Function]}
@@ -1083,11 +1086,12 @@ exports[`Dialog component snapshot should match component snapshot 1`] = `
                         </ModalHeaderBar>
                       </DialogNavigation>
                       <DialogHeader
+                        size="x-large"
                         title="dialog_title"
                       >
                         <ModalHeader
                           className="dnb-dialog__header"
-                          size="large"
+                          size="x-large"
                           title="dialog_title"
                           title_class="dnb-dialog__title"
                         >
@@ -1105,7 +1109,7 @@ exports[`Dialog component snapshot should match component snapshot 1`] = `
                               id="dnb-modal-dialog_id-title"
                             >
                               <h1
-                                className="dnb-modal__title dnb-space__top--zero dnb-space__bottom--small dnb-h--large dnb-dialog__title"
+                                className="dnb-modal__title dnb-space__top--zero dnb-space__bottom--small dnb-h--x-large dnb-dialog__title"
                               >
                                 dialog_title
                               </h1>
@@ -2077,22 +2081,27 @@ button.dnb-button::-moz-focus-inner {
 :root {
   --dialog-min-width: 320px;
   --dialog-avg-width: 60vw;
-  --dialog-max-width: 60rem;
+  --dialog-max-width: 49rem;
+  --dialog-confirm-max-width: 40rem;
   --dialog-spacing: 2rem;
   --dialog-spacing-minus: -2rem; }
 
 .dnb-dialog {
   position: relative;
-  width: var(--dialog-avg-width);
-  min-width: var(--dialog-min-width);
-  max-width: var(--dialog-max-width);
   max-height: 100vh;
-  box-shadow: var(--shadow-default);
   border-radius: 0.5rem;
+  box-shadow: var(--shadow-default);
   user-select: text;
   -webkit-user-select: text;
   border: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+  .dnb-dialog--inform {
+    min-width: var(--dialog-min-width);
+    width: var(--dialog-avg-width);
+    max-width: var(--dialog-max-width); }
+  .dnb-dialog--confirm {
+    max-width: var(--dialog-confirm-max-width);
+    margin: 0 1rem; }
   @media screen and (max-width: 40em) {
     .dnb-dialog--auto-fullscreen {
       width: 100%;
@@ -2106,10 +2115,33 @@ button.dnb-button::-moz-focus-inner {
     max-width: 100%;
     border-radius: 0;
     box-shadow: none; }
-  @supports (-webkit-touch-callout: none) {
-    @media (max-height: 40em) and (orientation: landscape) {
-      .dnb-dialog:not(.dnb-dialog--fullscreen) {
-        max-height: 80vh; } } }
+  .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__inner {
+    padding-bottom: calc(var(--dialog-spacing) * 1.25); }
+    @supports (-webkit-touch-callout: none) {
+      .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__inner {
+        padding-bottom: calc(var(--dialog-spacing) * 8); } }
+  .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__inner {
+    padding-left: calc(var(--dialog-spacing) * 1.75);
+    padding-right: calc(var(--dialog-spacing) * 1.75); }
+    @media screen and (max-width: 60em) {
+      .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__inner {
+        padding-left: calc(var(--dialog-spacing));
+        padding-right: calc(var(--dialog-spacing)); } }
+    @media screen and (max-width: 40em) {
+      .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__inner {
+        padding-left: calc(var(--dialog-spacing) / 2);
+        padding-right: calc(var(--dialog-spacing) / 2); } }
+  .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__navigation.dnb-section {
+    margin-top: calc(var(--dialog-spacing));
+    margin-bottom: calc(var(--dialog-spacing) / 2); }
+    @media screen and (max-width: 50em) {
+      .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__navigation.dnb-section {
+        margin-top: calc(var(--dialog-spacing) / 2); } }
+  .dnb-dialog--spacing.dnb-dialog--confirm .dnb-dialog__inner {
+    padding: calc(var(--dialog-spacing)); }
+    @supports (-webkit-touch-callout: none) {
+      .dnb-dialog--spacing.dnb-dialog--confirm .dnb-dialog__inner {
+        padding-bottom: calc(var(--dialog-spacing) * 8); } }
   .dnb-dialog__inner {
     position: relative;
     display: flex;
@@ -2125,38 +2157,22 @@ button.dnb-button::-moz-focus-inner {
       top: 0;
       width: 100vw;
       height: 100%; }
-  .dnb-dialog--spacing .dnb-dialog__inner {
-    padding: 0 var(--dialog-spacing) 0; }
-    @media screen and (min-width: 72em) {
-      .dnb-dialog--spacing .dnb-dialog__inner {
-        padding: 0 calc(var(--dialog-spacing) * 1.75) 0; } }
-    @media screen and (max-width: 50em) {
-      .dnb-dialog--spacing .dnb-dialog__inner {
-        padding: 0 calc(var(--dialog-spacing) / 1.333333) 0; } }
-    @media screen and (max-width: 40em) {
-      .dnb-dialog--spacing .dnb-dialog__inner {
-        padding: 0 calc(var(--dialog-spacing) / 2) 0; } }
   .dnb-dialog__align--centered .dnb-dialog__inner {
     align-items: center;
     justify-content: center; }
-  html:not([data-visual-test]) .dnb-dialog {
-    animation: show-modal var(--modal-animation-duration) ease-out forwards; }
-  html:not([data-visual-test]) .dnb-dialog--hide {
-    animation: hide-modal 220ms ease-in-out forwards; }
-  .dnb-dialog--no-animation {
-    animation-duration: 0ms !important; }
-  @media screen and (max-width: 40em) {
-    .dnb-dialog--no-animation-on-mobile {
-      animation-delay: 0ms !important;
-      animation-duration: 0ms !important; } }
+  .dnb-dialog__align--centered .dnb-dialog__title,
+  .dnb-dialog__align--centered.dnb-dialog--confirm .dnb-dialog__content {
+    text-align: center; }
   .dnb-dialog__content {
     position: relative;
     z-index: 1; }
-  .dnb-dialog--spacing .dnb-dialog__content {
-    padding-bottom: calc(var(--dialog-spacing) * 2); }
-    @supports (-webkit-touch-callout: none) {
-      .dnb-dialog--spacing .dnb-dialog__content {
-        padding-bottom: calc(var(--dialog-spacing) * 8); } }
+  .dnb-dialog__actions {
+    padding-top: 1.5rem;
+    display: flex;
+    justify-content: center;
+    width: 100%; }
+    .dnb-dialog__actions > :not(:last-child) {
+      margin-right: 1rem; }
   .dnb-dialog__align--center .dnb-dialog__content {
     align-items: center;
     text-align: center; }
@@ -2165,33 +2181,82 @@ button.dnb-button::-moz-focus-inner {
     text-align: right; }
   .dnb-dialog__title ~ .dnb-dialog__content {
     padding-top: calc(var(--dialog-spacing) / 2); }
-  .dnb-dialog .dnb-dialog__header [class*='dnb-h--'],
-  .dnb-dialog .dnb-dialog__header .dnb-modal__title {
-    padding: 0; }
-    .dnb-dialog .dnb-dialog__header [class*='dnb-h--']:not([class*='__top']),
-    .dnb-dialog .dnb-dialog__header .dnb-modal__title:not([class*='__top']) {
-      margin-top: 0; }
-    .dnb-dialog .dnb-dialog__header [class*='dnb-h--']:not([class*='__bottom']),
-    .dnb-dialog .dnb-dialog__header .dnb-modal__title:not([class*='__bottom']) {
-      margin-bottom: 0; }
-  .dnb-dialog .dnb-dialog__header::after {
-    top: -500%;
-    height: 600%; }
+  @media screen and (max-width: 50em) {
+    .dnb-dialog__title {
+      font-size: var(--font-size-large) !important;
+      line-height: var(--line-height-medium) !important; } }
+  @media screen and (max-width: 40em) {
+    .dnb-dialog__title {
+      font-size: var(--font-size-medium) !important;
+      line-height: calc(var(--line-height-medium) - 0.25rem) !important; } }
+  .dnb-dialog--inform .dnb-dialog__title {
+    margin-bottom: var(--spacing-small) !important; }
+  .dnb-dialog--confirm .dnb-dialog__title {
+    margin-bottom: var(--spacing-x-small) !important; }
+  .dnb-dialog__icon ~ .dnb-dialog__header {
+    margin-top: 1.5rem; }
+  .dnb-dialog__navigation.dnb-section {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between; }
+  .dnb-dialog__icon {
+    padding: 0.5rem; }
+    .dnb-dialog__icon__primary {
+      position: relative;
+      vertical-align: baseline; }
+      .dnb-dialog__icon__primary::after {
+        content: '';
+        position: absolute;
+        left: -40%;
+        right: -40%;
+        top: -40%;
+        bottom: -40%;
+        margin: auto;
+        border-radius: 50%;
+        background-color: currentColor;
+        z-index: -1;
+        opacity: 0.1; }
+    .dnb-dialog__icon__primary.dnb-dialog__icon--warning {
+      color: var(--color-fire-red); }
+      .dnb-dialog__icon__primary.dnb-dialog__icon--warning ::after {
+        background-color: var(--color-fire-red-8);
+        opacity: 1; }
+    .dnb-dialog__icon__primary.dnb-dialog__icon--info {
+      color: var(--color-emerald-green); }
+      .dnb-dialog__icon__primary.dnb-dialog__icon--info ::after {
+        background-color: var(--color-pistachio);
+        opacity: 1; }
+  html:not([data-visual-test]) .dnb-dialog {
+    animation: show-modal var(--modal-animation-duration) ease-out forwards; }
+  html:not([data-visual-test]) .dnb-dialog--hide {
+    animation: hide-modal 220ms ease-in-out forwards; }
+  .dnb-dialog--no-animation {
+    animation-duration: 0ms !important; }
+  @media screen and (max-width: 40em) {
+    .dnb-dialog--no-animation-on-mobile {
+      animation-delay: 0ms !important;
+      animation-duration: 0ms !important; } }
   .dnb-dialog--spacing .dnb-dialog__header .dnb-tabs {
     margin-top: 3.5rem; }
   .dnb-dialog__body {
     padding-bottom: calc(var(--dialog-spacing) * 2);
     margin-bottom: calc(var(--dialog-spacing-minus) * 2); }
-  .dnb-dialog__navigation.dnb-section {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between; }
-  .dnb-dialog--spacing .dnb-dialog__navigation.dnb-section {
-    margin-top: calc(var(--dialog-spacing) * 1.75);
-    margin-bottom: calc(var(--dialog-spacing) / 2); }
-    @media screen and (max-width: 50em) {
-      .dnb-dialog--spacing .dnb-dialog__navigation.dnb-section {
-        margin-top: calc(var(--dialog-spacing) / 2); } }
+  .dnb-dialog__header [class*='dnb-h--'],
+  .dnb-dialog__header .dnb-modal__title {
+    padding: 0; }
+    .dnb-dialog__header [class*='dnb-h--']:not([class*='__top']),
+    .dnb-dialog__header .dnb-modal__title:not([class*='__top']) {
+      margin-top: 0; }
+    .dnb-dialog__header [class*='dnb-h--']:not([class*='__bottom']),
+    .dnb-dialog__header .dnb-modal__title:not([class*='__bottom']) {
+      margin-bottom: 0; }
+  .dnb-dialog__header::after {
+    top: -500%;
+    height: 600%; }
+  @supports (-webkit-touch-callout: none) {
+    @media (max-height: 40em) and (orientation: landscape) {
+      .dnb-dialog:not(.dnb-dialog--fullscreen) {
+        max-height: 80vh; } } }
 
 [data-visual-test].hide-page-content #___gatsby {
   opacity: 0; }
@@ -2273,7 +2338,8 @@ html[data-dnb-modal-active] {
   .dnb-modal__header__bar.dnb-section {
     display: flex;
     flex-direction: row;
-    justify-content: space-between; }
+    justify-content: space-between;
+    width: 100%; }
     @media screen and (-ms-high-contrast: none) {
       .dnb-modal__header__bar.dnb-section {
         align-items: center; } }
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-cookie-concent-confirmation-1-51694.snap.png b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-cookie-concent-confirmation-1-51694.snap.png
new file mode 100644
index 00000000000..ecb188a3580
Binary files /dev/null and b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-cookie-concent-confirmation-1-51694.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-default-confirmation-1-3ae91.snap.png b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-default-confirmation-1-3ae91.snap.png
new file mode 100644
index 00000000000..19081b15142
Binary files /dev/null and b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-default-confirmation-1-3ae91.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-delete-confirmation-1-d92d1.snap.png b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-delete-confirmation-1-d92d1.snap.png
new file mode 100644
index 00000000000..aaf6a8ff0ec
Binary files /dev/null and b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-delete-confirmation-1-d92d1.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-logged-out-confirmation-1-c7817.snap.png b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-logged-out-confirmation-1-c7817.snap.png
new file mode 100644
index 00000000000..1222275c471
Binary files /dev/null and b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-confirm-screenshot-have-to-match-the-logged-out-confirmation-1-c7817.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-custom-screenshot-have-to-match-the-custom-dialog-window-1-46423.snap.png b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-custom-screenshot-have-to-match-the-custom-dialog-window-1-46423.snap.png
index 0e856b6eda8..131081daf5f 100644
Binary files a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-custom-screenshot-have-to-match-the-custom-dialog-window-1-46423.snap.png and b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-custom-screenshot-have-to-match-the-custom-dialog-window-1-46423.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-custom-trigger-screenshot-have-to-match-the-dialog-window-using-custom-trigger-1-dd194.snap.png b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-custom-trigger-screenshot-have-to-match-the-dialog-window-using-custom-trigger-1-dd194.snap.png
index d0951acb040..f2be3b20fd6 100644
Binary files a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-custom-trigger-screenshot-have-to-match-the-dialog-window-using-custom-trigger-1-dd194.snap.png and b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-custom-trigger-screenshot-have-to-match-the-dialog-window-using-custom-trigger-1-dd194.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-fullscreen-screenshot-have-to-match-the-dialog-fullscreen-window-1-cf329.snap.png b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-fullscreen-screenshot-have-to-match-the-dialog-fullscreen-window-1-cf329.snap.png
index 245adf910e7..bfea5f4cd18 100644
Binary files a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-fullscreen-screenshot-have-to-match-the-dialog-fullscreen-window-1-cf329.snap.png and b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-fullscreen-screenshot-have-to-match-the-dialog-fullscreen-window-1-cf329.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-simple-screenshot-have-to-match-the-default-dialog-window-1-b17a5.snap.png b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-simple-screenshot-have-to-match-the-default-dialog-window-1-b17a5.snap.png
index 5baf5799db9..1cf7c43d2cd 100644
Binary files a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-simple-screenshot-have-to-match-the-default-dialog-window-1-b17a5.snap.png and b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-simple-screenshot-have-to-match-the-default-dialog-window-1-b17a5.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-suffix-screenshot-have-to-match-the-dialog-help-window-1-0eb69.snap.png b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-suffix-screenshot-have-to-match-the-dialog-help-window-1-0eb69.snap.png
index 2ecb860ba1d..3b4e551156b 100644
Binary files a/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-suffix-screenshot-have-to-match-the-dialog-help-window-1-0eb69.snap.png and b/packages/dnb-eufemia/src/components/dialog/__tests__/__snapshots__/dialog-screenshot-test-js-dialog-suffix-screenshot-have-to-match-the-dialog-help-window-1-0eb69.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/dialog/parts/DialogAction.tsx b/packages/dnb-eufemia/src/components/dialog/parts/DialogAction.tsx
new file mode 100644
index 00000000000..2b84dcc19ca
--- /dev/null
+++ b/packages/dnb-eufemia/src/components/dialog/parts/DialogAction.tsx
@@ -0,0 +1,114 @@
+import React, { useContext } from 'react'
+import Button from '../../button/Button'
+import { Context } from '../../../shared'
+import ModalContext from '../../modal/ModalContext'
+import { dispatchCustomElementEvent } from '../../../shared/component-helper'
+
+interface DialogActionProps {
+  /**
+   * For dialog actions, give a custom text for the decline button.
+   */
+  declineText?: string
+
+  /**
+   * For dialog actions, give a custom text for the confirm button.
+   */
+  confirmText?: string
+
+  /**
+   * For variant confirm, handle the confirm action click.
+   */
+
+  onConfirm?: (
+    event: React.MouseEvent<HTMLElement>,
+    close: () => void
+  ) => void
+
+  /**
+   * For variant confirm, handle the decline action click.
+   */
+  onDecline?: (
+    event: React.MouseEvent<HTMLElement>,
+    close: () => void
+  ) => void
+
+  /**
+   * For variant confirm, hide the default decline button and only show the confirm button.
+   */
+  hideDecline?: boolean
+
+  /**
+   * Pass in custom confirm/decline buttons for action handling. Every child of type Button will be provided with a `close` function attribute.
+   */
+  children?: React.ReactElement | Array<React.ReactElement>
+}
+
+const fallbackCloseAction = (
+  _: React.MouseEvent<HTMLElement>,
+  close: () => void
+) => close()
+
+const DialogAction = ({
+  declineText = null,
+  confirmText = null,
+  hideDecline = false,
+  onConfirm = fallbackCloseAction,
+  onDecline = fallbackCloseAction,
+  children,
+}: DialogActionProps) => {
+  const { translation } = useContext(Context)
+  const { close } = useContext(ModalContext)
+  let childrenWithCloseFunc
+
+  if (children) {
+    childrenWithCloseFunc = React.Children.map(children, (child) => {
+      if (child.type === Button) {
+        return React.cloneElement(
+          child,
+          {
+            ...child.props,
+            on_click: (event) => {
+              dispatchCustomElementEvent(child.props, 'on_click', {
+                event,
+                close,
+              })
+            },
+          },
+          child.props.children
+        )
+      } else {
+        return child
+      }
+    })
+  }
+
+  return (
+    <div className="dnb-dialog__actions">
+      {childrenWithCloseFunc}
+
+      {!children && !hideDecline && (
+        <Button
+          text={declineText || translation?.Dialog?.declineText}
+          variant="secondary"
+          onClick={(e) => {
+            onDecline(e, close)
+          }}
+          size="large"
+        />
+      )}
+      {!children && (
+        <Button
+          text={confirmText || translation?.Dialog?.confirmText}
+          variant="primary"
+          onClick={(e) => {
+            onConfirm(e, close)
+          }}
+          size="large"
+        />
+      )}
+    </div>
+  )
+}
+
+export default DialogAction
+export type { DialogActionProps }
diff --git a/packages/dnb-eufemia/src/components/dialog/stories/Dialog.stories.tsx b/packages/dnb-eufemia/src/components/dialog/stories/Dialog.stories.tsx
index 092ba038f4e..7c68d3280fa 100644
--- a/packages/dnb-eufemia/src/components/dialog/stories/Dialog.stories.tsx
+++ b/packages/dnb-eufemia/src/components/dialog/stories/Dialog.stories.tsx
@@ -3,9 +3,8 @@
  *
  */
 
-import React from 'react'
-import { Wrapper, Box } from 'storybook-utils/helpers'
-// import { Global, css } from '@emotion/react'
+import React, { useEffect, useState } from 'react'
+import { Box, Wrapper } from 'storybook-utils/helpers'
 
 import {
   HelpButton,
@@ -19,15 +18,155 @@ import {
   FormRow,
   ProgressIndicator,
   NumberFormat,
-} from '../../'
+} from '../..'
 import { ScrollView } from '../../../fragments'
-import Dialog from '../../dialog/Dialog'
+import Dialog from '../Dialog'
 import { H2, P, Hr } from '../../../elements'
+import {
+  trash_medium as TrashIcon,
+  log_out_medium as LogOutIcon,
+  edit,
+  cookie_medium,
+} from '../../../icons'
 
 export default {
   title: 'Eufemia/Components/Dialog',
 }
 
+export const DialogConfirmLoggedout = () => {
+  const [active, setActive] = useState(false)
+  useEffect(() => {
+    setTimeout(() => setActive(true), 3000)
+  }, [])
+  return (
+    <Dialog
+      variant="confirm"
+      openState={active}
+      icon={LogOutIcon}
+      title="Du har blitt logget ut"
+      modalContent="For å fortsette må du logge inn igjen."
+      confirmText="Logg inn"
+    />
+  )
+}
+
+export const DialogConfirm = () => (
+  <Wrapper>
+    <Box>
+      <Dialog
+        triggerAttributes={{
+          text: 'Show cookie dialog',
+        }}
+        icon={cookie_medium}
+        variant="confirm"
+        title="Informasjonskapsler (cookies)"
+      >
+        Vi bruker cookies for å gi deg den beste opplevelsen i nettbanken
+        vår.
+        <br />
+        <a
+          className="dnb-anchor"
+          target="_blank"
+          rel="noreferrer"
+          href="https://www.dnb.no/cookies"
+        >
+          Les mer om cookies
+        </a>
+        <Dialog.Action>
+          <Button
+            variant="tertiary"
+            text="Administrer"
+            icon={edit}
+            icon_position="left"
+            on_click={({ close }) => {
+              close()
+            }}
+          />
+          <Button
+            text="Jeg godtar"
+            on_click={({ close }) => {
+              close()
+            }}
+          />
+        </Dialog.Action>
+      </Dialog>
+    </Box>
+    <Box>
+      <Dialog
+        variant="confirm"
+        triggerAttributes={{
+          text: 'Delete record',
+          variant: 'primary',
+          icon: TrashIcon,
+        }}
+        icon={TrashIcon}
+        title="Are you sure you want to delete this?"
+        modalContent="This action cannot be undone"
+        confirmText="Delete"
+        declineText="Cancel"
+        confirmType="warning"
+      />
+    </Box>
+    <Box>
+      <Dialog
+        triggerAttributes={{
+          text: 'Default stuff',
+        }}
+        icon={TrashIcon}
+        variant="confirm"
+        title="Default stuff"
+        modalContent="This action cannot be undone"
+        confirmType="warning"
+      />
+    </Box>
+    <Box>
+      <Dialog
+        triggerAttributes={{
+          text: 'Trigger logged out',
+        }}
+        variant="confirm"
+        icon={LogOutIcon}
+        title="Du har blitt logget ut"
+        modalContent="For å fortsette må du logge inn igjen."
+        confirmText="Logg inn"
+        hideDecline
+      />
+    </Box>
+    <Box>
+      <Dialog
+        variant="confirm"
+        triggerAttributes={{
+          text: 'Big content',
+          variant: 'primary',
+          icon: TrashIcon,
+        }}
+        icon={TrashIcon}
+        confirmType="warning"
+        title="This dialog has a lot of content to check out how it looks like when the title is above one line and check out the max width of the dialog"
+        modalContent="Just some more content inside the dialog content for the same purpose as for the title, the more content the better to visualize how it will look with a lot of content but it should not contain this amount of content anyways but you never know, right?"
+        confirmText="Got it!"
+        declineText="Didn't get it"
+      />
+    </Box>
+    <Box>
+      <Dialog
+        variant="confirm"
+        triggerAttributes={{
+          text: 'No spacing :(',
+          variant: 'tertiary',
+          icon: LogOutIcon,
+        }}
+        icon={LogOutIcon}
+        title="This dialog has no spacing"
+        modalContent="Just some more content inside the dialog content"
+        confirmText="Give me space!"
+        declineText="I like it"
+        spacing={false}
+      />
+    </Box>
+  </Wrapper>
+)
+
 export const DialogSandbox = () => (
   <Wrapper>
     {/* <Global
diff --git a/packages/dnb-eufemia/src/components/dialog/style/_dialog.scss b/packages/dnb-eufemia/src/components/dialog/style/_dialog.scss
index f4c5cdbcba7..0c516f8c0fc 100644
--- a/packages/dnb-eufemia/src/components/dialog/style/_dialog.scss
+++ b/packages/dnb-eufemia/src/components/dialog/style/_dialog.scss
@@ -9,28 +9,34 @@
   // we do this because SCSS fails by using min(100vw, 50rem) = "Incompatible units: 'rem' and 'vw'"
   --dialog-min-width: 320px; // use px, so larger font-size don't enlarge the min, has to be under 20rem, because of spacing and later mobile fullscreen
   --dialog-avg-width: 60vw; // content defines the size
-  --dialog-max-width: 60rem; // because of our default width --layout-large
+  --dialog-max-width: 49rem; // because of our default width --layout-large
+  --dialog-confirm-max-width: 40rem;
   --dialog-spacing: 2rem; // should reflect --spacing-large
   --dialog-spacing-minus: -2rem; // should reflect --spacing-large
 }
 
 .dnb-dialog {
   position: relative;
-
-  width: var(--dialog-avg-width);
-  min-width: var(--dialog-min-width);
-  max-width: var(--dialog-max-width);
   max-height: 100vh;
-
-  @include defaultDropShadow();
   border-radius: 0.5rem;
+  @include defaultDropShadow();
 
   user-select: text;
   -webkit-user-select: text; // Safari / Touch fix
   border: none;
-
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
+  &--inform {
+    min-width: var(--dialog-min-width);
+    width: var(--dialog-avg-width);
+    max-width: var(--dialog-max-width);
+  }
+
+  &--confirm {
+    max-width: var(--dialog-confirm-max-width);
+    margin: 0 1rem;
+  }
+
   &--auto-fullscreen {
     @include allBelow(small) {
       @include modalFullscreen();
@@ -39,14 +45,43 @@
   &--fullscreen {
     @include modalFullscreen();
   }
+  &--spacing#{&}--inform &__content {
+    padding-bottom: calc(var(--dialog-spacing) * 2);
 
-  @include IS_SAFARI_MOBILE() {
-    // iOS on iPhone fix
-    // Because Safari includes the navigation bar on the height
-    @media (max-height: 40em) and (orientation: landscape) {
-      &:not(#{&}--fullscreen) {
-        max-height: 80vh;
-      }
+    @include IS_SAFARI_MOBILE {
+      padding-bottom: calc(var(--dialog-spacing) * 8);
+    }
+  }
+
+  &--spacing#{&}--inform &__inner {
+    padding-left: calc(var(--dialog-spacing) * 1.75); // 3.5rem (56px)
+    padding-right: calc(var(--dialog-spacing) * 1.75); // 3.5rem (56px)
+
+    @include allBelow(large) {
+      padding-left: calc(var(--dialog-spacing)); // 2rem (32px)
+      padding-right: calc(var(--dialog-spacing)); // 2rem (32px)
+    }
+
+    @include allBelow(small) {
+      padding-left: calc(var(--dialog-spacing) / 2); // 1rem (16px)
+      padding-right: calc(var(--dialog-spacing) / 2); // 1rem (16px)
+    }
+  }
+
+  &--spacing#{&}--inform &__navigation.dnb-section {
+    margin-top: calc(var(--dialog-spacing)); // 2rem (32px)
+    margin-bottom: calc(var(--dialog-spacing) / 2); // 1rem (16px)
+
+    @include allBelow(medium) {
+      margin-top: calc(var(--dialog-spacing) / 2); // 1rem (16px)
+    }
+  }
+
+  &--spacing#{&}--confirm &__inner {
+    padding: calc(var(--dialog-spacing)); // 2rem (32px)
+
+    @include IS_SAFARI_MOBILE {
+      padding-bottom: calc(var(--dialog-spacing) * 8);
     }
   }
 
@@ -70,25 +105,113 @@
     }
   }
 
-  // Padding right and left based on screen size
-  &--spacing &__inner {
-    // FOR DIALOG STYLES
-    padding: 0 var(--dialog-spacing) 0;
+  &__align--centered &__inner {
+    align-items: center;
+    justify-content: center;
+  }
+  &__align--centered &__title,
+  &__align--centered#{&}--confirm &__content {
+    text-align: center;
+  }
+
+  &__content {
+    position: relative;
+    z-index: 1;
+  }
+
+  &__actions {
+    padding-top: 1.5rem;
 
-    @include allAbove(x-large) {
-      padding: 0 calc(var(--dialog-spacing) * 1.75) 0; // 3.5rem (56px)
+    display: flex;
+    justify-content: center;
+    width: 100%;
+
+    > :not(:last-child) {
+      margin-right: 1rem;
     }
+  }
+
+  &__align--center &__content {
+    align-items: center;
+    text-align: center;
+  }
+
+  &__align--right &__content {
+    align-items: flex-end;
+    text-align: right;
+  }
+
+  &__title ~ &__content {
+    padding-top: calc(var(--dialog-spacing) / 2);
+  }
+
+  &__title {
     @include allBelow(medium) {
-      padding: 0 calc(var(--dialog-spacing) / 1.333333) 0; // 2rem (32px)
+      font-size: var(--font-size-large) !important;
+      line-height: var(--line-height-medium) !important;
     }
     @include allBelow(small) {
-      padding: 0 calc(var(--dialog-spacing) / 2) 0; // 1rem (16px)
+      font-size: var(--font-size-medium) !important;
+      line-height: calc(var(--line-height-medium) - 0.25rem) !important;
     }
   }
 
-  &__align--centered &__inner {
-    align-items: center;
-    justify-content: center;
+  &--inform &__title {
+    margin-bottom: var(--spacing-small) !important;
+  }
+
+  &--confirm &__title {
+    margin-bottom: var(--spacing-x-small) !important;
+  }
+
+  &__navigation.dnb-section {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
+  &__icon {
+    padding: 0.5rem;
+
+    &__primary {
+      position: relative;
+      vertical-align: baseline;
+
+      &::after {
+        content: '';
+        position: absolute;
+        left: -40%;
+        right: -40%;
+        top: -40%;
+        bottom: -40%;
+
+        // Not needed, but maybe IE needs it?
+        // width: 150%;
+        // height: 150%;
+
+        margin: auto; // for IE centering
+
+        border-radius: 50%;
+        background-color: currentColor;
+        z-index: -1;
+        opacity: 0.1;
+      }
+    }
+
+    &__primary#{&}--warning {
+      color: var(--color-fire-red);
+      ::after {
+        background-color: var(--color-fire-red-8);
+        opacity: 1;
+      }
+    }
+    &__primary#{&}--info {
+      color: var(--color-emerald-green);
+      ::after {
+        background-color: var(--color-pistachio);
+        opacity: 1;
+      }
+    }
   }
 
   // Animation in
@@ -110,35 +233,20 @@
     }
   }
 
-  &__content {
-    position: relative;
-    z-index: 1;
-  }
-
-  &--spacing &__content {
+  &__body {
     padding-bottom: calc(var(--dialog-spacing) * 2);
-
-    @include IS_SAFARI_MOBILE {
-      padding-bottom: calc(var(--dialog-spacing) * 8);
-    }
-  }
-
-  &__align--center &__content {
-    align-items: center;
-    text-align: center;
-  }
-
-  &__align--right &__content {
-    align-items: flex-end;
-    text-align: right;
+    margin-bottom: calc(var(--dialog-spacing-minus) * 2);
   }
 
-  &__title ~ &__content {
-    padding-top: calc(var(--dialog-spacing) / 2);
+  &__header {
+    &::after {
+      top: -500%;
+      height: 600%;
+    }
   }
 
-  & &__header [class*='dnb-h--'],
-  & &__header .dnb-modal__title {
+  &__header [class*='dnb-h--'],
+  &__header .dnb-modal__title {
     padding: 0;
     &:not([class*='__top']) {
       margin-top: 0;
@@ -148,36 +256,23 @@
     }
   }
 
-  & &__header {
-    &::after {
-      top: -500%;
-      height: 600%;
-    }
-  }
-
   &--spacing &__header {
     .dnb-tabs {
       margin-top: 3.5rem;
     }
   }
 
-  &__body {
-    padding-bottom: calc(var(--dialog-spacing) * 2);
-    margin-bottom: calc(var(--dialog-spacing-minus) * 2);
-  }
-
-  &__navigation.dnb-section {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
+  &__icon ~ &__header {
+    margin-top: 1.5rem;
   }
 
-  &--spacing &__navigation.dnb-section {
-    // on large screens
-    margin-top: calc(var(--dialog-spacing) * 1.75);
-    margin-bottom: calc(var(--dialog-spacing) / 2);
-    @include allBelow(medium) {
-      margin-top: calc(var(--dialog-spacing) / 2);
+  @include IS_SAFARI_MOBILE() {
+    // iOS on iPhone fix
+    // Because Safari includes the navigation bar on the height
+    @media (max-height: 40em) and (orientation: landscape) {
+      &:not(#{&}--fullscreen) {
+        max-height: 80vh;
+      }
     }
   }
 }
diff --git a/packages/dnb-eufemia/src/components/dialog/types.ts b/packages/dnb-eufemia/src/components/dialog/types.ts
index f2d48732e03..8526acd4a11 100644
--- a/packages/dnb-eufemia/src/components/dialog/types.ts
+++ b/packages/dnb-eufemia/src/components/dialog/types.ts
@@ -1,20 +1,19 @@
 import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps'
 import { ScrollViewProps } from '../../fragments/ScrollView'
 import { ModalPropTypes } from '../modal/Modal'
+import { IconPrimaryIcon } from '../IconPrimary'
+import { DialogActionProps } from './parts/DialogAction'
 
 export interface DialogProps extends ToCamelCasePartial<ModalPropTypes> {
   /**
    * The dialog title. Displays on the very top of the content.
    */
   title?: React.ReactNode
-
-  /**
-   * Variant of Dialog (coming)
-   */
-  // variant: 'inform' | 'confirm'
 }
 
-export interface DialogContentProps extends ScrollViewProps {
+export interface DialogContentProps
+  extends ScrollViewProps,
+    Omit<DialogActionProps, 'children'> {
   /**
    * The minimum Dialog content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`).
    */
@@ -74,4 +73,19 @@ export interface DialogContentProps extends ScrollViewProps {
    * Same as `noAnimation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.
    */
   noAnimationOnMobile?: string | boolean
+
+  /**
+   * Variant of Dialog. Defaults to 'inform'.
+   */
+  variant?: 'inform' | 'confirm'
+
+  /**
+   * An icon to display at the top of the component. Should be of size medium, so make sure you import the `_medium` version of the Eufemia icon.
+   */
+  icon?: IconPrimaryIcon
+
+  /**
+   * For variant confirm, the dialog is either an informational or a warning message. Defaults to 'info'.
+   */
+  confirmType?: 'info' | 'warning'
 }
diff --git a/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap b/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap
index 2a37ae906e1..cbbd9d3dffd 100644
--- a/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap
+++ b/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/Modal.test.tsx.snap
@@ -810,7 +810,7 @@ exports[`Modal component have to match snapshot 1`] = `
                   "props": Object {},
                 }
               }
-              className="dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
+              className="dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--inform dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
               class_name={null}
               close_modal={null}
               containerPlacement={null}
@@ -836,7 +836,7 @@ exports[`Modal component have to match snapshot 1`] = `
                   }
                 }
                 class={null}
-                className="dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
+                className="dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--inform dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
                 class_name={null}
                 close_modal={null}
                 containerPlacement={null}
@@ -856,7 +856,7 @@ exports[`Modal component have to match snapshot 1`] = `
                 title="modal_title"
               >
                 <div
-                  className="dnb-scroll-view dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
+                  className="dnb-scroll-view dnb-dialog dnb-dialog--auto-fullscreen dnb-core-style dnb-dialog--inform dnb-dialog--spacing dnb-dialog__align--left dnb-dialog--no-animation"
                   onClick={[Function]}
                   onKeyDown={[Function]}
                   onTouchStart={[Function]}
@@ -1107,11 +1107,12 @@ exports[`Modal component have to match snapshot 1`] = `
                       </ModalHeaderBar>
                     </DialogNavigation>
                     <DialogHeader
+                      size="x-large"
                       title="modal_title"
                     >
                       <ModalHeader
                         className="dnb-dialog__header"
-                        size="large"
+                        size="x-large"
                         title="modal_title"
                         title_class="dnb-dialog__title"
                       >
@@ -1129,7 +1130,7 @@ exports[`Modal component have to match snapshot 1`] = `
                             id="dnb-modal-modal_id-title"
                           >
                             <h1
-                              className="dnb-modal__title dnb-space__top--zero dnb-space__bottom--small dnb-h--large dnb-dialog__title dnb-dialog__title"
+                              className="dnb-modal__title dnb-space__top--zero dnb-space__bottom--small dnb-h--x-large dnb-dialog__title dnb-dialog__title"
                             >
                               modal_title
                             </h1>
@@ -2096,22 +2097,28 @@ button.dnb-button::-moz-focus-inner {
 :root {
   --dialog-min-width: 320px;
   --dialog-avg-width: 60vw;
-  --dialog-max-width: 60rem;
+  --dialog-max-width: 49rem;
+  --dialog-confirm-avg-width: 40vw;
+  --dialog-confirm-max-width: 40rem;
   --dialog-spacing: 2rem;
   --dialog-spacing-minus: -2rem; }
 
 .dnb-dialog {
   position: relative;
-  width: var(--dialog-avg-width);
-  min-width: var(--dialog-min-width);
-  max-width: var(--dialog-max-width);
   max-height: 100vh;
-  box-shadow: var(--shadow-default);
   border-radius: 0.5rem;
+  box-shadow: var(--shadow-default);
   user-select: text;
   -webkit-user-select: text;
   border: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+  .dnb-dialog--inform {
+    min-width: var(--dialog-min-width);
+    width: var(--dialog-avg-width);
+    max-width: var(--dialog-max-width); }
+  .dnb-dialog--confirm {
+    max-width: var(--dialog-confirm-max-width);
+    margin: 0 1rem; }
   @media screen and (max-width: 40em) {
     .dnb-dialog--auto-fullscreen {
       width: 100%;
@@ -2125,10 +2132,33 @@ button.dnb-button::-moz-focus-inner {
     max-width: 100%;
     border-radius: 0;
     box-shadow: none; }
-  @supports (-webkit-touch-callout: none) {
-    @media (max-height: 40em) and (orientation: landscape) {
-      .dnb-dialog:not(.dnb-dialog--fullscreen) {
-        max-height: 80vh; } } }
+  .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__inner {
+    padding-bottom: calc(var(--dialog-spacing) * 1.25); }
+    @supports (-webkit-touch-callout: none) {
+      .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__inner {
+        padding-bottom: calc(var(--dialog-spacing) * 8); } }
+  .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__inner {
+    padding-left: calc(var(--dialog-spacing) * 1.75);
+    padding-right: calc(var(--dialog-spacing) * 1.75); }
+    @media screen and (max-width: 60em) {
+      .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__inner {
+        padding-left: calc(var(--dialog-spacing));
+        padding-right: calc(var(--dialog-spacing)); } }
+    @media screen and (max-width: 40em) {
+      .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__inner {
+        padding-left: calc(var(--dialog-spacing) / 2);
+        padding-right: calc(var(--dialog-spacing) / 2); } }
+  .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__navigation.dnb-section {
+    margin-top: calc(var(--dialog-spacing));
+    margin-bottom: calc(var(--dialog-spacing) / 2); }
+    @media screen and (max-width: 50em) {
+      .dnb-dialog--spacing.dnb-dialog--inform .dnb-dialog__navigation.dnb-section {
+        margin-top: calc(var(--dialog-spacing) / 2); } }
+  .dnb-dialog--spacing.dnb-dialog--confirm .dnb-dialog__inner {
+    padding: calc(var(--dialog-spacing)); }
+    @supports (-webkit-touch-callout: none) {
+      .dnb-dialog--spacing.dnb-dialog--confirm .dnb-dialog__inner {
+        padding-bottom: calc(var(--dialog-spacing) * 8); } }
   .dnb-dialog__inner {
     position: relative;
     display: flex;
@@ -2144,38 +2174,22 @@ button.dnb-button::-moz-focus-inner {
       top: 0;
       width: 100vw;
       height: 100%; }
-  .dnb-dialog--spacing .dnb-dialog__inner {
-    padding: 0 var(--dialog-spacing) 0; }
-    @media screen and (min-width: 72em) {
-      .dnb-dialog--spacing .dnb-dialog__inner {
-        padding: 0 calc(var(--dialog-spacing) * 1.75) 0; } }
-    @media screen and (max-width: 50em) {
-      .dnb-dialog--spacing .dnb-dialog__inner {
-        padding: 0 calc(var(--dialog-spacing) / 1.333333) 0; } }
-    @media screen and (max-width: 40em) {
-      .dnb-dialog--spacing .dnb-dialog__inner {
-        padding: 0 calc(var(--dialog-spacing) / 2) 0; } }
   .dnb-dialog__align--centered .dnb-dialog__inner {
     align-items: center;
     justify-content: center; }
-  html:not([data-visual-test]) .dnb-dialog {
-    animation: show-modal var(--modal-animation-duration) ease-out forwards; }
-  html:not([data-visual-test]) .dnb-dialog--hide {
-    animation: hide-modal 220ms ease-in-out forwards; }
-  .dnb-dialog--no-animation {
-    animation-duration: 0ms !important; }
-  @media screen and (max-width: 40em) {
-    .dnb-dialog--no-animation-on-mobile {
-      animation-delay: 0ms !important;
-      animation-duration: 0ms !important; } }
+  .dnb-dialog__align--centered .dnb-dialog__title,
+  .dnb-dialog__align--centered.dnb-dialog--confirm .dnb-dialog__content {
+    text-align: center; }
   .dnb-dialog__content {
     position: relative;
     z-index: 1; }
-  .dnb-dialog--spacing .dnb-dialog__content {
-    padding-bottom: calc(var(--dialog-spacing) * 2); }
-    @supports (-webkit-touch-callout: none) {
-      .dnb-dialog--spacing .dnb-dialog__content {
-        padding-bottom: calc(var(--dialog-spacing) * 8); } }
+  .dnb-dialog__actions {
+    padding-top: 1.5rem;
+    display: flex;
+    justify-content: center;
+    width: 100%; }
+    .dnb-dialog__actions > :not(:last-child) {
+      margin-right: 1rem; }
   .dnb-dialog__align--center .dnb-dialog__content {
     align-items: center;
     text-align: center; }
@@ -2184,33 +2198,82 @@ button.dnb-button::-moz-focus-inner {
     text-align: right; }
   .dnb-dialog__title ~ .dnb-dialog__content {
     padding-top: calc(var(--dialog-spacing) / 2); }
-  .dnb-dialog .dnb-dialog__header [class*='dnb-h--'],
-  .dnb-dialog .dnb-dialog__header .dnb-modal__title {
-    padding: 0; }
-    .dnb-dialog .dnb-dialog__header [class*='dnb-h--']:not([class*='__top']),
-    .dnb-dialog .dnb-dialog__header .dnb-modal__title:not([class*='__top']) {
-      margin-top: 0; }
-    .dnb-dialog .dnb-dialog__header [class*='dnb-h--']:not([class*='__bottom']),
-    .dnb-dialog .dnb-dialog__header .dnb-modal__title:not([class*='__bottom']) {
-      margin-bottom: 0; }
-  .dnb-dialog .dnb-dialog__header::after {
-    top: -500%;
-    height: 600%; }
+  @media screen and (max-width: 50em) {
+    .dnb-dialog__title {
+      font-size: var(--font-size-large) !important;
+      line-height: var(--line-height-medium) !important; } }
+  @media screen and (max-width: 40em) {
+    .dnb-dialog__title {
+      font-size: var(--font-size-medium) !important;
+      line-height: calc(var(--line-height-medium) - 0.25rem) !important; } }
+  .dnb-dialog--inform .dnb-dialog__title {
+    margin-bottom: var(--spacing-small) !important; }
+  .dnb-dialog--confirm .dnb-dialog__title {
+    margin-bottom: var(--spacing-x-small) !important; }
+  .dnb-dialog__icon ~ .dnb-dialog__header {
+    margin-top: 1.5rem; }
+  .dnb-dialog__navigation.dnb-section {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between; }
+  .dnb-dialog__icon {
+    padding: 0.5rem; }
+    .dnb-dialog__icon__primary {
+      position: relative;
+      vertical-align: baseline; }
+      .dnb-dialog__icon__primary::after {
+        content: '';
+        position: absolute;
+        left: -40%;
+        right: -40%;
+        top: -40%;
+        bottom: -40%;
+        margin: auto;
+        border-radius: 50%;
+        background-color: currentColor;
+        z-index: -1;
+        opacity: 0.1; }
+    .dnb-dialog__icon__primary.dnb-dialog__icon--warning {
+      color: var(--color-fire-red); }
+      .dnb-dialog__icon__primary.dnb-dialog__icon--warning ::after {
+        background-color: var(--color-fire-red-8);
+        opacity: 1; }
+    .dnb-dialog__icon__primary.dnb-dialog__icon--info {
+      color: var(--color-emerald-green); }
+      .dnb-dialog__icon__primary.dnb-dialog__icon--info ::after {
+        background-color: var(--color-pistachio);
+        opacity: 1; }
+  html:not([data-visual-test]) .dnb-dialog {
+    animation: show-modal var(--modal-animation-duration) ease-out forwards; }
+  html:not([data-visual-test]) .dnb-dialog--hide {
+    animation: hide-modal 220ms ease-in-out forwards; }
+  .dnb-dialog--no-animation {
+    animation-duration: 0ms !important; }
+  @media screen and (max-width: 40em) {
+    .dnb-dialog--no-animation-on-mobile {
+      animation-delay: 0ms !important;
+      animation-duration: 0ms !important; } }
   .dnb-dialog--spacing .dnb-dialog__header .dnb-tabs {
     margin-top: 3.5rem; }
   .dnb-dialog__body {
     padding-bottom: calc(var(--dialog-spacing) * 2);
     margin-bottom: calc(var(--dialog-spacing-minus) * 2); }
-  .dnb-dialog__navigation.dnb-section {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between; }
-  .dnb-dialog--spacing .dnb-dialog__navigation.dnb-section {
-    margin-top: calc(var(--dialog-spacing) * 1.75);
-    margin-bottom: calc(var(--dialog-spacing) / 2); }
-    @media screen and (max-width: 50em) {
-      .dnb-dialog--spacing .dnb-dialog__navigation.dnb-section {
-        margin-top: calc(var(--dialog-spacing) / 2); } }
+  .dnb-dialog__header [class*='dnb-h--'],
+  .dnb-dialog__header .dnb-modal__title {
+    padding: 0; }
+    .dnb-dialog__header [class*='dnb-h--']:not([class*='__top']),
+    .dnb-dialog__header .dnb-modal__title:not([class*='__top']) {
+      margin-top: 0; }
+    .dnb-dialog__header [class*='dnb-h--']:not([class*='__bottom']),
+    .dnb-dialog__header .dnb-modal__title:not([class*='__bottom']) {
+      margin-bottom: 0; }
+  .dnb-dialog__header::after {
+    top: -500%;
+    height: 600%; }
+  @supports (-webkit-touch-callout: none) {
+    @media (max-height: 40em) and (orientation: landscape) {
+      .dnb-dialog:not(.dnb-dialog--fullscreen) {
+        max-height: 80vh; } } }
 
 [data-visual-test].hide-page-content #___gatsby {
   opacity: 0; }
@@ -2292,7 +2355,8 @@ html[data-dnb-modal-active] {
   .dnb-modal__header__bar.dnb-section {
     display: flex;
     flex-direction: row;
-    justify-content: space-between; }
+    justify-content: space-between;
+    width: 100%; }
     @media screen and (-ms-high-contrast: none) {
       .dnb-modal__header__bar.dnb-section {
         align-items: center; } }
diff --git a/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/modal-screenshot-test-js-modal-screenshot-have-to-match-the-default-modal-window-1-b836a.snap.png b/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/modal-screenshot-test-js-modal-screenshot-have-to-match-the-default-modal-window-1-b836a.snap.png
index c0760d57db7..a9d5d4ed4fd 100644
Binary files a/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/modal-screenshot-test-js-modal-screenshot-have-to-match-the-default-modal-window-1-b836a.snap.png and b/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/modal-screenshot-test-js-modal-screenshot-have-to-match-the-default-modal-window-1-b836a.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/modal-screenshot-test-js-modal-screenshot-have-to-match-the-default-modal-window-with-title-1-8e313.snap.png b/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/modal-screenshot-test-js-modal-screenshot-have-to-match-the-default-modal-window-with-title-1-8e313.snap.png
index 89ecb563562..407322c1b51 100644
Binary files a/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/modal-screenshot-test-js-modal-screenshot-have-to-match-the-default-modal-window-with-title-1-8e313.snap.png and b/packages/dnb-eufemia/src/components/modal/__tests__/__snapshots__/modal-screenshot-test-js-modal-screenshot-have-to-match-the-default-modal-window-with-title-1-8e313.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/modal/style/_modal.scss b/packages/dnb-eufemia/src/components/modal/style/_modal.scss
index 2f84429b0da..6e639397554 100644
--- a/packages/dnb-eufemia/src/components/modal/style/_modal.scss
+++ b/packages/dnb-eufemia/src/components/modal/style/_modal.scss
@@ -120,6 +120,7 @@ html[data-dnb-modal-active] {
       display: flex;
       flex-direction: row;
       justify-content: space-between;
+      width: 100%;
 
       @include IS_IE() {
         align-items: center; // IE11 uses top as default
diff --git a/packages/dnb-eufemia/src/shared/locales/en-GB.js b/packages/dnb-eufemia/src/shared/locales/en-GB.js
index 305bd4ddec5..9c4ff533021 100644
--- a/packages/dnb-eufemia/src/shared/locales/en-GB.js
+++ b/packages/dnb-eufemia/src/shared/locales/en-GB.js
@@ -72,6 +72,10 @@ export default {
       dialog_title: 'Dialog Window',
       close_title: 'Close',
     },
+    Dialog: {
+      declineText: 'Cancel',
+      confirmText: 'Approve',
+    },
     NumberFormat: {
       clipboard_copy: 'Copied',
     },
diff --git a/packages/dnb-eufemia/src/shared/locales/nb-NO.js b/packages/dnb-eufemia/src/shared/locales/nb-NO.js
index 646c644d894..9c1f144c19b 100644
--- a/packages/dnb-eufemia/src/shared/locales/nb-NO.js
+++ b/packages/dnb-eufemia/src/shared/locales/nb-NO.js
@@ -72,6 +72,10 @@ export default {
       dialog_title: 'Separat Vindu',
       close_title: 'Lukk',
     },
+    Dialog: {
+      declineText: 'Avbryt',
+      confirmText: 'Godta',
+    },
     NumberFormat: {
       clipboard_copy: 'Kopiert',
     },