diff --git a/.changeset/yellow-rules-tan.md b/.changeset/yellow-rules-tan.md
new file mode 100644
index 000000000..f7b26bdee
--- /dev/null
+++ b/.changeset/yellow-rules-tan.md
@@ -0,0 +1,5 @@
+---
+'@orchestrator-ui/orchestrator-ui-components': patch
+---
+
+Include css theme import for eui charts in components
diff --git a/packages/orchestrator-ui-components/src/components/WfoAgent/WfoAgentChart/WfoAgentLineChart.tsx b/packages/orchestrator-ui-components/src/components/WfoAgent/WfoAgentChart/WfoAgentLineChart.tsx
index 96bfe7df3..895838abd 100644
--- a/packages/orchestrator-ui-components/src/components/WfoAgent/WfoAgentChart/WfoAgentLineChart.tsx
+++ b/packages/orchestrator-ui-components/src/components/WfoAgent/WfoAgentChart/WfoAgentLineChart.tsx
@@ -9,6 +9,8 @@ import {
     Position,
     Settings,
 } from '@elastic/charts';
+import '@elastic/charts/dist/theme_only_dark.css';
+import '@elastic/charts/dist/theme_only_light.css';
 
 import { useOrchestratorTheme } from '@/hooks';
 import { AggregationResultsData } from '@/types';
diff --git a/packages/orchestrator-ui-components/src/components/WfoAgent/WfoAgentChart/WfoAgentPieChart.tsx b/packages/orchestrator-ui-components/src/components/WfoAgent/WfoAgentChart/WfoAgentPieChart.tsx
index 05e49533c..efdd124a7 100644
--- a/packages/orchestrator-ui-components/src/components/WfoAgent/WfoAgentChart/WfoAgentPieChart.tsx
+++ b/packages/orchestrator-ui-components/src/components/WfoAgent/WfoAgentChart/WfoAgentPieChart.tsx
@@ -9,6 +9,8 @@ import {
     Position,
     Settings,
 } from '@elastic/charts';
+import '@elastic/charts/dist/theme_only_dark.css';
+import '@elastic/charts/dist/theme_only_light.css';
 
 import { AggregationResultsData } from '@/types';