diff --git a/packages/example/src/pages/components/Aside.mdx b/packages/example/src/pages/components/Aside.mdx
index 7f378d986..2b2926653 100644
--- a/packages/example/src/pages/components/Aside.mdx
+++ b/packages/example/src/pages/components/Aside.mdx
@@ -19,8 +19,9 @@ It should only be used within a `<Column>` component with specific parameters.
 **Warning:** If you use more than one `<Aside>` component on a single page, you
 need to provide an accessibility label so that someone using assistive
 technology can quickly understand the purpose of the landmark. See
-Mozilla Developer Network’s documentation for more information. Props for accessibility labels are described in the
-props below.
+[Mozilla Developer Network’s documentation](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Complementary_role#Labeling_landmarks)
+for more information. Props for accessibility labels are described in the
+[Props section](#props) below.
 
 </InlineNotification>
 
diff --git a/packages/example/src/pages/components/DoDontExample.mdx b/packages/example/src/pages/components/DoDontExample.mdx
index 50f415dd2..bae5e543c 100644
--- a/packages/example/src/pages/components/DoDontExample.mdx
+++ b/packages/example/src/pages/components/DoDontExample.mdx
@@ -6,7 +6,8 @@ description: Usage instructions for the DoDontExample component
 <InlineNotification kind="warning">
 
 **Warning:** This component will be deprecated in a future release. Please use
-the `<DoDontRow>` and `<DoDont>`component instead.
+the [DoDontRow](/components/DoDontRow) and [DoDont](/components/DoDontRow)
+component instead.
 
 </InlineNotification>
 
diff --git a/packages/example/src/pages/components/InlineNotification.mdx b/packages/example/src/pages/components/InlineNotification.mdx
index 484f8277e..94e04b476 100644
--- a/packages/example/src/pages/components/InlineNotification.mdx
+++ b/packages/example/src/pages/components/InlineNotification.mdx
@@ -6,7 +6,7 @@ description: Usage instructions for the Inline notification component
 <PageDescription>
 
 The `<InlineNotification>` component is used to communicate important
-information to a user. For accessibility reasons, `<InlineNotification>` content cannot include interactive elements, just text.
+information to a user.
 
 </PageDescription>
 
@@ -16,7 +16,8 @@ information to a user. For accessibility reasons, `<InlineNotification>` content
 
 <InlineNotification>
 
-**Lorem ipsum:** dolor sit amet elit. Curabitur ac odio
+**Lorem ipsum:** dolor sit amet,
+[consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio
 arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar
 pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim
 dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit
@@ -28,7 +29,8 @@ non vel quam.
 
 <InlineNotification kind="error">
 
-**Error:** dolor sit amet elit. Curabitur ac odio
+**Error:** dolor sit amet,
+[consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio
 arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar
 pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim
 dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit
@@ -40,7 +42,8 @@ non vel quam.
 
 <InlineNotification kind="success">
 
-**Success:** dolor sit amet elit. Curabitur ac odio
+**Success:** dolor sit amet,
+[consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio
 arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar
 pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim
 dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit
@@ -52,7 +55,8 @@ non vel quam.
 
 <InlineNotification kind="warning">
 
-**Warning:** dolor sit amet, elit. Curabitur ac odio
+**Warning:** dolor sit amet,
+[consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio
 arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar
 pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim
 dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit
@@ -67,7 +71,8 @@ non vel quam.
 
 <InlineNotification>
 
-**Lorem ipsum:** dolor sit amet, elit. Curabitur ac odio
+**Lorem ipsum:** dolor sit amet,
+[consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio
 arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar
 pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim
 dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit
@@ -79,7 +84,8 @@ non vel quam.
 
 <InlineNotification kind="error">
 
-**Error:** dolor sit amet, elit. Curabitur ac odio
+**Error:** dolor sit amet,
+[consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio
 arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar
 pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim
 dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit
@@ -91,7 +97,8 @@ non vel quam.
 
 <InlineNotification kind="success">
 
-**Success:** dolor sit amet, elit. Curabitur ac odio
+**Success:** dolor sit amet,
+[consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio
 arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar
 pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim
 dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit
@@ -103,7 +110,8 @@ non vel quam.
 
 <InlineNotification kind="warning">
 
-**Warning:** dolor sit amet, elit. Curabitur ac odio
+**Warning:** dolor sit amet,
+[consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio
 arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar
 pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim
 dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit
diff --git a/packages/gatsby-theme-carbon/src/components/InlineNotification/InlineNotification.js b/packages/gatsby-theme-carbon/src/components/InlineNotification/InlineNotification.js
index 801d83f5a..ef6c7ddbe 100755
--- a/packages/gatsby-theme-carbon/src/components/InlineNotification/InlineNotification.js
+++ b/packages/gatsby-theme-carbon/src/components/InlineNotification/InlineNotification.js
@@ -2,13 +2,37 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { InlineNotification as CarbonInlineNotification } from '@carbon/react';
+import {
+  ErrorFilled,
+  CheckmarkFilled,
+  WarningFilled,
+  InformationFilled,
+} from '@carbon/react/icons';
 import { Row, Column } from '../Grid';
 import useMetadata from '../../util/hooks/useMetadata';
 
 import * as styles from './InlineNotification.module.scss';
 
+const iconTypes = {
+  error: ErrorFilled,
+  success: CheckmarkFilled,
+  warning: WarningFilled,
+  info: InformationFilled,
+};
+
 const InlineNotification = ({ children, className, kind = 'info' }) => {
   const { interiorTheme } = useMetadata();
+  const containerClassName = cx(className, {
+    [`cds--inline-notification`]: true,
+    [`cds--inline-notification--low-contrast`]: true,
+    [`cds--inline-notification--${kind}`]: kind,
+    [`cds--inline-notification--hide-close-button`]: true,
+    [styles.darkMode]: interiorTheme === 'dark',
+  });
+  const IconForKind = iconTypes[kind];
+  if (!IconForKind) {
+    return null;
+  }
 
   return (
     <Row>
@@ -16,13 +40,20 @@ const InlineNotification = ({ children, className, kind = 'info' }) => {
         colLg={8}
         colMd={6}
         className={cx(styles.notification, className)}>
-        <CarbonInlineNotification
-          lowContrast
-          hideCloseButton
-          kind={kind}
-          className={interiorTheme === 'dark' && styles.darkMode}>
-          {children}
-        </CarbonInlineNotification>
+        <div className={containerClassName}>
+          <div className="cds--inline-notification__details">
+            {IconForKind ? (
+              <IconForKind className="cds--inline-notification__icon">
+                <title>{`${kind} icon`}</title>
+              </IconForKind>
+            ) : null}
+            <div className="cds--inline-notification__text-wrapper">
+              <div className="cds--inline-notification__content">
+                {children}
+              </div>
+            </div>
+          </div>
+        </div>
       </Column>
     </Row>
   );
diff --git a/packages/gatsby-theme-carbon/src/components/InlineNotification/InlineNotification.module.scss b/packages/gatsby-theme-carbon/src/components/InlineNotification/InlineNotification.module.scss
index 7d736a8a0..57d5c4b25 100644
--- a/packages/gatsby-theme-carbon/src/components/InlineNotification/InlineNotification.module.scss
+++ b/packages/gatsby-theme-carbon/src/components/InlineNotification/InlineNotification.module.scss
@@ -6,11 +6,11 @@
   margin-top: 0;
 }
 
-.notification :global(.cds--inline-notification__subtitle p) {
+.notification :global(.cds--inline-notification__content p) {
   @include type-style('body-short-01');
 }
 
-.notification :global(.cds--inline-notification__subtitle .cds--row) {
+.notification :global(.cds--inline-notification__content .cds--row) {
   margin: 0;
 }