diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator medium.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator medium.png
deleted file mode 100644
index b000318973..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator medium.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator strong.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator strong.png
deleted file mode 100644
index 5da82f8cb5..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator strong.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator weak.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator weak.png
deleted file mode 100644
index bf9be275ba..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password strength indicator weak.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password-strong.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password-strong.svg
new file mode 100644
index 0000000000..aea7db1b5b
--- /dev/null
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password-strong.svg
@@ -0,0 +1,29 @@
+
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password-weak.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password-weak.svg
new file mode 100644
index 0000000000..f0f308bbf9
--- /dev/null
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/img/password-weak.svg
@@ -0,0 +1,29 @@
+
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/password-strength.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/password-strength.md
index be8c4ba604..cc0753cbd4 100644
--- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/password-strength.md
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/password-strength/password-strength.md
@@ -3,21 +3,19 @@ id: Password strength
section: components
---
+import '../components.css';
+
A **password strength indicator** is displayed to a user after they have entered a password in a field. It allows the user to understand the strength of a password after it has met the password requirements. The strength of the password is determined by a validation algorithm after the specific rules are met. Using a password strength indicator allows users to create stronger passwords, offering better protection from breaches.
## Elements
-
-
-
-
-
+
The password strength indicator is located on the top right corner of the input field. It displays the following strength types:
-1. Weak
-2. Medium
-3. Strong
+1. Password strength: Indicates if the password used is weak or strong.
+2. Toggle: Used to hide and unhide the password characters.
+3. Helper text: Displays password requirements and recommendations to improve password strength.
## Behavior
-
-
+