diff --git a/src/components/RequestBreakdown/BreakdownTableHeader.tsx b/src/components/RequestBreakdown/BreakdownTableHeader.tsx
index 3240e38..da52729 100644
--- a/src/components/RequestBreakdown/BreakdownTableHeader.tsx
+++ b/src/components/RequestBreakdown/BreakdownTableHeader.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import styles from '../RequestBreakdown.module.css'
+import styles from './RequestBreakdown.module.css'
 
 interface BreakdownTableHeaderProps {
   categoryLabel: string
diff --git a/src/components/RequestBreakdown/HostnameBreakdown.tsx b/src/components/RequestBreakdown/HostnameBreakdown.tsx
index 670688e..33b2b57 100644
--- a/src/components/RequestBreakdown/HostnameBreakdown.tsx
+++ b/src/components/RequestBreakdown/HostnameBreakdown.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo, useState } from 'react'
 import type { HTTPRequest } from '../httprequestviewer/types/httpRequest'
 import BreakdownTableHeader from './BreakdownTableHeader'
-import styles from '../RequestBreakdown.module.css'
+import styles from './RequestBreakdown.module.css'
 
 interface CategoryBreakdown {
   name: string
diff --git a/src/components/RequestBreakdown.module.css b/src/components/RequestBreakdown/RequestBreakdown.module.css
similarity index 100%
rename from src/components/RequestBreakdown.module.css
rename to src/components/RequestBreakdown/RequestBreakdown.module.css
diff --git a/src/components/RequestBreakdown/RequestDataSummary.tsx b/src/components/RequestBreakdown/RequestDataSummary.tsx
index cb36be3..78a8718 100644
--- a/src/components/RequestBreakdown/RequestDataSummary.tsx
+++ b/src/components/RequestBreakdown/RequestDataSummary.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import styles from '../RequestBreakdown.module.css'
+import styles from './RequestBreakdown.module.css'
 
 interface RequestDataSummaryProps {
   totalRequests: number
diff --git a/src/components/RequestBreakdown/ResourceTypeBreakdown.tsx b/src/components/RequestBreakdown/ResourceTypeBreakdown.tsx
index f6b114d..287b957 100644
--- a/src/components/RequestBreakdown/ResourceTypeBreakdown.tsx
+++ b/src/components/RequestBreakdown/ResourceTypeBreakdown.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react'
 import type { HTTPRequest } from '../httprequestviewer/types/httpRequest'
 import BreakdownTableHeader from './BreakdownTableHeader'
-import styles from '../RequestBreakdown.module.css'
+import styles from './RequestBreakdown.module.css'
 
 interface CategoryBreakdown {
   name: string
diff --git a/src/components/RequestBreakdown/StatusCodeBreakdown.tsx b/src/components/RequestBreakdown/StatusCodeBreakdown.tsx
index eb887b3..8863daa 100644
--- a/src/components/RequestBreakdown/StatusCodeBreakdown.tsx
+++ b/src/components/RequestBreakdown/StatusCodeBreakdown.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react'
 import type { HTTPRequest } from '../httprequestviewer/types/httpRequest'
 import BreakdownTableHeader from './BreakdownTableHeader'
-import styles from '../RequestBreakdown.module.css'
+import styles from './RequestBreakdown.module.css'
 
 interface CategoryBreakdown {
   name: string
diff --git a/src/components/RequestBreakdown.tsx b/src/components/RequestBreakdown/index.tsx
similarity index 80%
rename from src/components/RequestBreakdown.tsx
rename to src/components/RequestBreakdown/index.tsx
index 6ede23a..8aaf658 100644
--- a/src/components/RequestBreakdown.tsx
+++ b/src/components/RequestBreakdown/index.tsx
@@ -1,14 +1,14 @@
 import { useMemo } from 'react'
-import { useDatabaseTraceData } from '../hooks/useDatabaseTraceData'
-import { processHTTPRequests } from './httprequestviewer/lib/httpRequestProcessor'
-import { addRequestPostProcessing } from './httprequestviewer/lib/requestPostProcessor'
-import { analyzeCDN, analyzeQueueReason } from './httprequestviewer/lib/analysisUtils'
-import { assignConnectionNumbers } from './httprequestviewer/lib/connectionUtils'
-import sortRequests from './httprequestviewer/lib/sortRequests'
-import RequestDataSummary from './RequestBreakdown/RequestDataSummary'
-import ResourceTypeBreakdown from './RequestBreakdown/ResourceTypeBreakdown'
-import StatusCodeBreakdown from './RequestBreakdown/StatusCodeBreakdown'
-import HostnameBreakdown from './RequestBreakdown/HostnameBreakdown'
+import { useDatabaseTraceData } from '../../hooks/useDatabaseTraceData'
+import { processHTTPRequests } from '../httprequestviewer/lib/httpRequestProcessor'
+import { addRequestPostProcessing } from '../httprequestviewer/lib/requestPostProcessor'
+import { analyzeCDN, analyzeQueueReason } from '../httprequestviewer/lib/analysisUtils'
+import { assignConnectionNumbers } from '../httprequestviewer/lib/connectionUtils'
+import sortRequests from '../httprequestviewer/lib/sortRequests'
+import RequestDataSummary from './RequestDataSummary'
+import ResourceTypeBreakdown from './ResourceTypeBreakdown'
+import StatusCodeBreakdown from './StatusCodeBreakdown'
+import HostnameBreakdown from './HostnameBreakdown'
 import styles from './RequestBreakdown.module.css'
 
 interface RequestBreakdownProps {