diff --git a/.changeset/famous-impalas-destroy.md b/.changeset/famous-impalas-destroy.md
new file mode 100644
index 0000000000..ca38c60a16
--- /dev/null
+++ b/.changeset/famous-impalas-destroy.md
@@ -0,0 +1,5 @@
+---
+'@graphcommerce/next-ui': patch
+---
+
+Added info icon for Snackbar when severity is set to info
diff --git a/.changeset/plenty-icons-cough.md b/.changeset/plenty-icons-cough.md
new file mode 100644
index 0000000000..bf41885e6e
--- /dev/null
+++ b/.changeset/plenty-icons-cough.md
@@ -0,0 +1,5 @@
+---
+'@graphcommerce/next-ui': patch
+---
+
+Added ‘disableBackdropClick’ prop to MessageSnackbar to allow page interaction without closing the snackbar
diff --git a/.changeset/shiny-radios-cover.md b/.changeset/shiny-radios-cover.md
new file mode 100644
index 0000000000..d334548f78
--- /dev/null
+++ b/.changeset/shiny-radios-cover.md
@@ -0,0 +1,5 @@
+---
+'@graphcommerce/next-ui': patch
+---
+
+Added DismissibleSnackbar component to allow messages to be shown only once
diff --git a/.changeset/thirty-spiders-battle.md b/.changeset/thirty-spiders-battle.md
new file mode 100644
index 0000000000..03ad7a1b92
--- /dev/null
+++ b/.changeset/thirty-spiders-battle.md
@@ -0,0 +1,6 @@
+---
+'@graphcommerce/magento-graphcms': patch
+'@graphcommerce/next-ui': patch
+---
+
+Implemented Message variant for RowColumnOne to show an important message which, after dismissing, will not show again
diff --git a/examples/magento-graphcms/components/GraphCMS/RowColumnOne/RowColumnOne.graphql b/examples/magento-graphcms/components/GraphCMS/RowColumnOne/RowColumnOne.graphql
index baeba66324..bd122dd247 100644
--- a/examples/magento-graphcms/components/GraphCMS/RowColumnOne/RowColumnOne.graphql
+++ b/examples/magento-graphcms/components/GraphCMS/RowColumnOne/RowColumnOne.graphql
@@ -1,4 +1,6 @@
 fragment RowColumnOne on RowColumnOne {
+  id
+  rowColumnOneVariant
   colOne {
     raw
   }
diff --git a/examples/magento-graphcms/components/GraphCMS/RowColumnOne/RowColumnOne.tsx b/examples/magento-graphcms/components/GraphCMS/RowColumnOne/RowColumnOne.tsx
index d170c36fbf..738b143683 100644
--- a/examples/magento-graphcms/components/GraphCMS/RowColumnOne/RowColumnOne.tsx
+++ b/examples/magento-graphcms/components/GraphCMS/RowColumnOne/RowColumnOne.tsx
@@ -1,17 +1,37 @@
-import { RichText, RichTextProps } from '@graphcommerce/graphcms-ui'
-import { ColumnOne } from '@graphcommerce/next-ui'
+import { RichTextProps } from '@graphcommerce/graphcms-ui'
 import type { RowColumnOneFragment } from './RowColumnOne.gql'
+import { Default, Message } from './variant'
+
+type VariantRenderer = Record<
+  NonNullable<RowColumnOneFragment['rowColumnOneVariant']>,
+  React.VFC<RowColumnOneFragment>
+>
 
 export type RowColumnOneProps = RowColumnOneFragment & {
+  renderer?: Partial<VariantRenderer>
   richTextOne?: Omit<RichTextProps, 'raw'>
 }
 
+const defaultRenderer: Partial<VariantRenderer> = {
+  Default,
+  Message,
+}
+
 export function RowColumnOne(props: RowColumnOneProps) {
-  const { colOne, richTextOne } = props
+  const { renderer, ...RowColumnOneProps } = props
+  let { rowColumnOneVariant } = props
+
+  const mergedRenderer = { ...defaultRenderer, ...renderer } as VariantRenderer
+
+  if (!rowColumnOneVariant) rowColumnOneVariant = 'Default'
+
+  const RenderType =
+    mergedRenderer?.[rowColumnOneVariant] ??
+    (() => {
+      if (process.env.NODE_ENV !== 'production')
+        return <>renderer for {rowColumnOneVariant} not found</>
+      return null
+    })
 
-  return (
-    <ColumnOne>
-      <RichText {...colOne} {...richTextOne} />
-    </ColumnOne>
-  )
+  return <RenderType {...RowColumnOneProps} />
 }
diff --git a/examples/magento-graphcms/components/GraphCMS/RowColumnOne/variant/Default.tsx b/examples/magento-graphcms/components/GraphCMS/RowColumnOne/variant/Default.tsx
new file mode 100644
index 0000000000..36d419506b
--- /dev/null
+++ b/examples/magento-graphcms/components/GraphCMS/RowColumnOne/variant/Default.tsx
@@ -0,0 +1,17 @@
+import { RichText, RichTextProps } from '@graphcommerce/graphcms-ui'
+import { ColumnOne } from '@graphcommerce/next-ui'
+import type { RowColumnOneFragment } from '../RowColumnOne.gql'
+
+type RowColumnOneProps = RowColumnOneFragment & {
+  richTextOne?: Omit<RichTextProps, 'raw'>
+}
+
+export function Default(props: RowColumnOneProps) {
+  const { colOne, richTextOne } = props
+
+  return (
+    <ColumnOne>
+      <RichText {...colOne} {...richTextOne} />
+    </ColumnOne>
+  )
+}
diff --git a/examples/magento-graphcms/components/GraphCMS/RowColumnOne/variant/Message.tsx b/examples/magento-graphcms/components/GraphCMS/RowColumnOne/variant/Message.tsx
new file mode 100644
index 0000000000..4d03327457
--- /dev/null
+++ b/examples/magento-graphcms/components/GraphCMS/RowColumnOne/variant/Message.tsx
@@ -0,0 +1,17 @@
+import { RichText, RichTextProps } from '@graphcommerce/graphcms-ui'
+import { VariantMessage } from '@graphcommerce/next-ui'
+import type { RowColumnOneFragment } from '../RowColumnOne.gql'
+
+type RowColumnOneProps = RowColumnOneFragment & {
+  richTextOne?: Omit<RichTextProps, 'raw'>
+}
+
+export function Message(props: RowColumnOneProps) {
+  const { colOne, richTextOne, id } = props
+
+  return (
+    <VariantMessage id={id}>
+      <RichText {...colOne} {...richTextOne} />
+    </VariantMessage>
+  )
+}
diff --git a/examples/magento-graphcms/components/GraphCMS/RowColumnOne/variant/index.tsx b/examples/magento-graphcms/components/GraphCMS/RowColumnOne/variant/index.tsx
new file mode 100644
index 0000000000..24a3e580af
--- /dev/null
+++ b/examples/magento-graphcms/components/GraphCMS/RowColumnOne/variant/index.tsx
@@ -0,0 +1,2 @@
+export * from './Default'
+export * from './Message'
diff --git a/packages/magento-compare/components/CompareMessageSnackbar.tsx b/packages/magento-compare/components/CompareMessageSnackbar.tsx
index 01403e432e..0bb21c5a47 100644
--- a/packages/magento-compare/components/CompareMessageSnackbar.tsx
+++ b/packages/magento-compare/components/CompareMessageSnackbar.tsx
@@ -25,6 +25,7 @@ export function CompareMessageSnackbar(props: CompareMessageSnackbarProps) {
         setDisplayMessageBar(false)
       }}
       variant='pill'
+      severity='success'
       action={
         count && count > 1 ? (
           <Button
diff --git a/packages/magento-customer/components/ChangeNameForm/ChangeNameForm.tsx b/packages/magento-customer/components/ChangeNameForm/ChangeNameForm.tsx
index b18fd0b34f..be4e1db856 100644
--- a/packages/magento-customer/components/ChangeNameForm/ChangeNameForm.tsx
+++ b/packages/magento-customer/components/ChangeNameForm/ChangeNameForm.tsx
@@ -46,7 +46,11 @@ export function ChangeNameForm(props: ChangeNameFormProps) {
         </FormActions>
         <ApolloCustomerErrorAlert error={error} />
       </Form>
-      <MessageSnackbar open={formState.isSubmitSuccessful && !error} variant='pill'>
+      <MessageSnackbar
+        open={formState.isSubmitSuccessful && !error}
+        variant='pill'
+        severity='success'
+      >
         <Trans id='Successfully saved changes' />
       </MessageSnackbar>
     </>
diff --git a/packages/magento-customer/components/ChangePasswordForm/ChangePasswordForm.tsx b/packages/magento-customer/components/ChangePasswordForm/ChangePasswordForm.tsx
index 37a7e36da0..6c9269f9a1 100644
--- a/packages/magento-customer/components/ChangePasswordForm/ChangePasswordForm.tsx
+++ b/packages/magento-customer/components/ChangePasswordForm/ChangePasswordForm.tsx
@@ -97,7 +97,7 @@ export function ChangePasswordForm() {
       <ApolloErrorSnackbar error={remainingError} />
 
       {showSuccess && (
-        <MessageSnackbar open={showSuccess} sticky variant='pill'>
+        <MessageSnackbar open={showSuccess} sticky variant='pill' severity='success'>
           <Trans id='Successfully changed password' />
         </MessageSnackbar>
       )}
diff --git a/packages/magento-customer/components/CreateCustomerAddressForm/CreateCustomerAddressForm.tsx b/packages/magento-customer/components/CreateCustomerAddressForm/CreateCustomerAddressForm.tsx
index bb2cd66fd4..aa55f90327 100644
--- a/packages/magento-customer/components/CreateCustomerAddressForm/CreateCustomerAddressForm.tsx
+++ b/packages/magento-customer/components/CreateCustomerAddressForm/CreateCustomerAddressForm.tsx
@@ -95,7 +95,7 @@ export function CreateCustomerAddressForm() {
         </FormActions>
       </Form>
 
-      <MessageSnackbar open={Boolean(data) && !error} variant='pill'>
+      <MessageSnackbar open={Boolean(data) && !error} variant='pill' severity='success'>
         <Trans id='Your address has been added' components={{ 0: <strong /> }} />
       </MessageSnackbar>
 
diff --git a/packages/magento-customer/components/UpdateCustomerEmailForm/UpdateCustomerEmailForm.tsx b/packages/magento-customer/components/UpdateCustomerEmailForm/UpdateCustomerEmailForm.tsx
index 838b5497f4..ed67cd5789 100644
--- a/packages/magento-customer/components/UpdateCustomerEmailForm/UpdateCustomerEmailForm.tsx
+++ b/packages/magento-customer/components/UpdateCustomerEmailForm/UpdateCustomerEmailForm.tsx
@@ -132,7 +132,12 @@ export function UpdateCustomerEmailForm(props: UpdateCustomerEmailFormProps) {
         </Button>
       </FormActions>
 
-      <MessageSnackbar variant='pill' sticky open={formState.isSubmitSuccessful && !error}>
+      <MessageSnackbar
+        variant='pill'
+        severity='success'
+        sticky
+        open={formState.isSubmitSuccessful && !error}
+      >
         <Trans id='Successfully updated email' />
       </MessageSnackbar>
     </Form>
diff --git a/packages/magento-newsletter/components/GuestNewsletter/GuestNewsletter.tsx b/packages/magento-newsletter/components/GuestNewsletter/GuestNewsletter.tsx
index 450e979662..acd7a0f754 100644
--- a/packages/magento-newsletter/components/GuestNewsletter/GuestNewsletter.tsx
+++ b/packages/magento-newsletter/components/GuestNewsletter/GuestNewsletter.tsx
@@ -54,6 +54,7 @@ export function GuestNewsletter(props: GuestNewsletterProps) {
       <MessageSnackbar
         open={submittedWithoutErrors}
         variant='pill'
+        severity='success'
         action={
           <Button size='medium' variant='pill' color='secondary' fullWidth>
             <Trans id='Ok' />
diff --git a/packages/magento-product-configurable/ConfigurableProductAddToCart/ConfigurableProductAddToCart.tsx b/packages/magento-product-configurable/ConfigurableProductAddToCart/ConfigurableProductAddToCart.tsx
index c5d2a434d9..c1f16b23c6 100644
--- a/packages/magento-product-configurable/ConfigurableProductAddToCart/ConfigurableProductAddToCart.tsx
+++ b/packages/magento-product-configurable/ConfigurableProductAddToCart/ConfigurableProductAddToCart.tsx
@@ -159,6 +159,7 @@ export function ConfigurableProductAddToCart(props: ConfigurableProductAddToCart
           !data?.addProductsToCart?.user_errors?.length
         }
         variant='pill'
+        severity='success'
         autoHide
         action={
           <Button
diff --git a/packages/magento-product/components/AddProductsToCart/AddProductsToCartSnackbar.tsx b/packages/magento-product/components/AddProductsToCart/AddProductsToCartSnackbar.tsx
index 837dc2f9e7..a2999fc848 100644
--- a/packages/magento-product/components/AddProductsToCart/AddProductsToCartSnackbar.tsx
+++ b/packages/magento-product/components/AddProductsToCart/AddProductsToCartSnackbar.tsx
@@ -61,6 +61,7 @@ export function AddProductsToCartSnackbar(props: AddProductsToCartSnackbarProps)
       {showSuccess && (
         <MessageSnackbar
           variant='pill'
+          severity='success'
           {...successSnackbar}
           open={showSuccess}
           action={
diff --git a/packages/magento-product/components/ProductAddToCart/ProductAddToCart.tsx b/packages/magento-product/components/ProductAddToCart/ProductAddToCart.tsx
index e1efc8c88c..5cebaacc5c 100644
--- a/packages/magento-product/components/ProductAddToCart/ProductAddToCart.tsx
+++ b/packages/magento-product/components/ProductAddToCart/ProductAddToCart.tsx
@@ -114,6 +114,7 @@ export function ProductAddToCart(
           !data?.addProductsToCart?.user_errors?.length
         }
         variant='pill'
+        severity='success'
         autoHide
         action={
           <Button
diff --git a/packages/magento-wishlist/components/ProductWishlistChip/ProductWishlistIconButton.tsx b/packages/magento-wishlist/components/ProductWishlistChip/ProductWishlistIconButton.tsx
index 568ca3c794..9bd5745e2b 100644
--- a/packages/magento-wishlist/components/ProductWishlistChip/ProductWishlistIconButton.tsx
+++ b/packages/magento-wishlist/components/ProductWishlistChip/ProductWishlistIconButton.tsx
@@ -7,11 +7,10 @@ import {
   iconChevronRight,
 } from '@graphcommerce/next-ui'
 import { i18n } from '@lingui/core'
+import { Trans } from '@lingui/react'
 import { SxProps, Theme, IconButton, Box, IconButtonProps, Button } from '@mui/material'
-import { useWishlistEnabled } from '../../hooks'
 import React from 'react'
-import { Trans } from '@lingui/react'
-import { useAddProductToWishlistAction } from '../../hooks'
+import { useWishlistEnabled, useAddProductToWishlistAction } from '../../hooks'
 
 export type ProductWishlistChipProps = ProductListItemFragment & {
   sx?: SxProps<Theme>
@@ -84,6 +83,7 @@ export const ProductWishlistIconButton = React.memo<ProductWishlistChipProps>((p
           onTouchStart={cancelBubble}
           autoHide
           variant='pill'
+          severity='success'
           action={
             <Button
               href='/wishlist'
diff --git a/packages/next-ui/Row/ColumnOne/variant/VariantMessage.tsx b/packages/next-ui/Row/ColumnOne/variant/VariantMessage.tsx
new file mode 100644
index 0000000000..2e9b7e3ccd
--- /dev/null
+++ b/packages/next-ui/Row/ColumnOne/variant/VariantMessage.tsx
@@ -0,0 +1,12 @@
+import {
+  DismissibleSnackbar,
+  DismissibleSnackbarProps,
+} from '../../../Snackbar/DismissibleSnackbar'
+
+export type VariantMessageProps = DismissibleSnackbarProps
+
+export function VariantMessage(props: VariantMessageProps) {
+  const { ...rest } = props
+
+  return <DismissibleSnackbar variant='pill' severity='info' disableBackdropClick {...rest} />
+}
diff --git a/packages/next-ui/Row/ColumnOne/variant/index.ts b/packages/next-ui/Row/ColumnOne/variant/index.ts
new file mode 100644
index 0000000000..98c645145a
--- /dev/null
+++ b/packages/next-ui/Row/ColumnOne/variant/index.ts
@@ -0,0 +1 @@
+export * from './VariantMessage'
diff --git a/packages/next-ui/Row/index.ts b/packages/next-ui/Row/index.ts
index 598d6c949d..aa70e83c17 100644
--- a/packages/next-ui/Row/index.ts
+++ b/packages/next-ui/Row/index.ts
@@ -1,6 +1,7 @@
 export * from './Row'
 export * from './ButtonLinkList'
 export * from './ColumnOne/ColumnOne'
+export * from './ColumnOne/variant'
 export * from './ColumnOneBoxed/ColumnOneBoxed'
 export * from './ColumnOneCentered/ColumnOneCentered'
 export * from './ColumnThree/ColumnThree'
diff --git a/packages/next-ui/Snackbar/DismissibleSnackbar.tsx b/packages/next-ui/Snackbar/DismissibleSnackbar.tsx
new file mode 100644
index 0000000000..f1d3f78cea
--- /dev/null
+++ b/packages/next-ui/Snackbar/DismissibleSnackbar.tsx
@@ -0,0 +1,28 @@
+import { useEffect, useState } from 'react'
+import { MessageSnackbar } from './MessageSnackbar'
+import { MessageSnackbarProps } from './MessageSnackbarImpl'
+
+export type DismissibleSnackbarProps = MessageSnackbarProps & {
+  id: string
+  storageType?: 'localStorage' | 'sessionStorage'
+}
+export function DismissibleSnackbar(props: DismissibleSnackbarProps) {
+  const { storageType = 'localStorage', id, onClose, ...rest } = props
+  const messageId = `DismissibleSnackbar_${id}`
+  const [open, setOpen] = useState(false)
+
+  useEffect(() => {
+    setOpen(!globalThis[storageType]?.getItem(messageId))
+  }, [messageId, storageType])
+
+  return (
+    <MessageSnackbar
+      {...rest}
+      open={open}
+      onClose={() => {
+        globalThis[storageType]?.setItem(messageId, `${Date.now()}`)
+        onClose?.()
+      }}
+    />
+  )
+}
diff --git a/packages/next-ui/Snackbar/MessageSnackbarImpl.tsx b/packages/next-ui/Snackbar/MessageSnackbarImpl.tsx
index fb1ce728d0..4298904d30 100644
--- a/packages/next-ui/Snackbar/MessageSnackbarImpl.tsx
+++ b/packages/next-ui/Snackbar/MessageSnackbarImpl.tsx
@@ -14,6 +14,7 @@ import React, { useEffect, useState } from 'react'
 import { IconSvg } from '../IconSvg'
 import { extendableComponent, breakpointVal } from '../Styles'
 import { iconClose, iconCheckmark, iconSadFace } from '../icons'
+import iconInfo from '../icons/info.svg'
 
 type Size = 'normal' | 'wide'
 type Variant = 'contained' | 'pill'
@@ -34,6 +35,10 @@ type OwnerState = {
   size?: Size
   severity?: 'success' | 'info' | 'warning' | 'error'
   variant?: Variant
+  /**
+   * Setting this to true allows interaction with the rest of the page without closing the Snackbar
+   */
+  disableBackdropClick?: boolean
 }
 
 const name = 'MessageSnackbarImpl' as const
@@ -56,6 +61,7 @@ export default function MessageSnackbarImpl(props: MessageSnackbarProps) {
     onClose,
     severity = 'info',
     sx,
+    disableBackdropClick,
     ...snackbarProps
   } = props
 
@@ -65,7 +71,11 @@ export default function MessageSnackbarImpl(props: MessageSnackbarProps) {
     setShowSnackbar(!!open)
   }, [open])
 
-  const hideSnackbar = () => {
+  const hideSnackbar = (event: React.SyntheticEvent | Event, reason?: string) => {
+    if (disableBackdropClick && reason === 'clickaway') {
+      return
+    }
+
     setShowSnackbar(false)
     onClose?.()
   }
@@ -80,6 +90,7 @@ export default function MessageSnackbarImpl(props: MessageSnackbarProps) {
   }
 
   let icon = iconCheckmark
+  if (severity === 'info') icon = iconInfo
   if (severity === 'error') icon = iconSadFace
 
   return (
@@ -91,7 +102,13 @@ export default function MessageSnackbarImpl(props: MessageSnackbarProps) {
         open={showSnackbar}
         autoHideDuration={autoHide ? 5000 : null}
         className={classes.root}
-        sx={sx}
+        sx={[
+          {
+            pointerEvents: 'none',
+            '& > *': { pointerEvents: 'auto' },
+          },
+          ...(Array.isArray(sx) ? sx : [sx]),
+        ]}
         onClose={hideSnackbar}
       >
         <SnackbarContent
diff --git a/packages/next-ui/Theme/MuiSnackbar.ts b/packages/next-ui/Theme/MuiSnackbar.ts
index aed1738788..aebd1c5ab6 100644
--- a/packages/next-ui/Theme/MuiSnackbar.ts
+++ b/packages/next-ui/Theme/MuiSnackbar.ts
@@ -22,8 +22,10 @@ export const MuiSnackbar: SnackbarVariants = [
           },
         },
       '&.MuiSnackbar-anchorOriginBottomCenter': {
-        left: 0,
-        right: 0,
+        [theme.breakpoints.up('md')]: {
+          left: theme.page.horizontal,
+          right: theme.page.horizontal,
+        },
         transform: 'unset',
       },
     }),