diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/hint.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/hint.md
index eed29f4b6b..203e0fa80c 100644
--- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/hint.md
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/hint.md
@@ -2,6 +2,7 @@
id: Hint
section: components
---
+import '../components.css';
For information on other forms of on-screen help, see [Tooltip](/components/tooltip/design-guidelines) and [Popover](/components/popover/design-guidelines).
@@ -9,7 +10,9 @@ For information on other forms of on-screen help, see [Tooltip](/components/tool
Use hints to share information about an interaction or prerequisite step that might not be immediately obvious to the user.
-
+
+
+
## Content considerations
Use full sentences with punctuation.
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-element.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-element.svg
new file mode 100644
index 0000000000..f1483ecdcf
--- /dev/null
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-element.svg
@@ -0,0 +1,136 @@
+
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-layout.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-layout.png
deleted file mode 100644
index 51e7a82d40..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hint-layout.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hints.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hints.png
deleted file mode 100644
index 896f14fb97..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/hint/img/hints.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/pages/landing-pages/components/components-data.json b/packages/documentation-site/patternfly-docs/pages/landing-pages/components/components-data.json
index 9664c7def1..cde9244e95 100644
--- a/packages/documentation-site/patternfly-docs/pages/landing-pages/components/components-data.json
+++ b/packages/documentation-site/patternfly-docs/pages/landing-pages/components/components-data.json
@@ -165,7 +165,7 @@
},
"hint": {
"illustration": "./images/component-illustrations/hint.png",
- "summary": "A hint is an in-app message that shares reminders, explanations, or calls to action within a page or modal."
+ "summary": "A hint is an in-app message that shares reminders, explanations, or calls to action within a page."
},
"icon": {
"illustration": "./images/component-illustrations/icon.png",