diff --git a/projects/js-packages/components/changelog/add-protect-storybook-dir b/projects/js-packages/components/changelog/add-protect-storybook-dir
new file mode 100644
index 0000000000000..159a72eae87d3
--- /dev/null
+++ b/projects/js-packages/components/changelog/add-protect-storybook-dir
@@ -0,0 +1,5 @@
+Significance: patch
+Type: changed
+Comment: Changed threat component storybook titles to add a Protect directory.
+
+
diff --git a/projects/js-packages/components/components/threat-fixer-button/stories/index.stories.tsx b/projects/js-packages/components/components/threat-fixer-button/stories/index.stories.tsx
index 4f346d04d394b..f618fae1acc02 100644
--- a/projects/js-packages/components/components/threat-fixer-button/stories/index.stories.tsx
+++ b/projects/js-packages/components/components/threat-fixer-button/stories/index.stories.tsx
@@ -1,7 +1,7 @@
 import ThreatFixerButton from '../index.js';
 
 export default {
-	title: 'JS Packages/Components/Threat Fixer Button',
+	title: 'JS Packages/Components/Protect/Threat Fixer Button',
 	component: ThreatFixerButton,
 	decorators: [
 		Story => (
diff --git a/projects/js-packages/components/components/threat-modal/stories/index.stories.tsx b/projects/js-packages/components/components/threat-modal/stories/index.stories.tsx
index bf1eff8fe8f99..48e7750fa392b 100644
--- a/projects/js-packages/components/components/threat-modal/stories/index.stories.tsx
+++ b/projects/js-packages/components/components/threat-modal/stories/index.stories.tsx
@@ -3,7 +3,7 @@ import Button from '../../button/index.js';
 import ThreatModal from '../index.js';
 
 export default {
-	title: 'JS Packages/Components/Threat Modal',
+	title: 'JS Packages/Components/Protect/Threat Modal',
 	component: ThreatModal,
 };
 
diff --git a/projects/js-packages/components/components/threat-severity-badge/stories/index.stories.tsx b/projects/js-packages/components/components/threat-severity-badge/stories/index.stories.tsx
index eb71cb68b8a4a..cdfca3877d5da 100644
--- a/projects/js-packages/components/components/threat-severity-badge/stories/index.stories.tsx
+++ b/projects/js-packages/components/components/threat-severity-badge/stories/index.stories.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ThreatSeverityBadge from '../index.js';
 
 export default {
-	title: 'JS Packages/Components/Threat Severity Badge',
+	title: 'JS Packages/Components/Protect/Threat Severity Badge',
 	component: ThreatSeverityBadge,
 };
 
diff --git a/projects/js-packages/components/components/threats-data-views/stories/index.stories.tsx b/projects/js-packages/components/components/threats-data-views/stories/index.stories.tsx
index 52afdded5ad24..5310f9fc9eed0 100644
--- a/projects/js-packages/components/components/threats-data-views/stories/index.stories.tsx
+++ b/projects/js-packages/components/components/threats-data-views/stories/index.stories.tsx
@@ -1,7 +1,7 @@
 import ThreatsDataViews from '..';
 
 export default {
-	title: 'JS Packages/Components/Threats Data Views',
+	title: 'JS Packages/Components/Protect/Threats Data Views',
 	component: ThreatsDataViews,
 	parameters: {
 		backgrounds: {