diff --git a/frontends/nextjs/src/components/workflow/WorkflowEditor.tsx b/frontends/nextjs/src/components/workflow/WorkflowEditor.tsx
index 90a93f832..583ec8681 100644
--- a/frontends/nextjs/src/components/workflow/WorkflowEditor.tsx
+++ b/frontends/nextjs/src/components/workflow/WorkflowEditor.tsx
@@ -1,5 +1,4 @@
-import { Card, CardContent, CardHeader } from '@mui/material'
-
+import { Card, CardContent, CardHeader } from '@/fakemui'
 import { Play } from '@/fakemui/icons'
 
 import { CardDescription, CardTitle } from '@/components/ui'
diff --git a/frontends/nextjs/src/components/workflow/WorkflowRunCard.tsx b/frontends/nextjs/src/components/workflow/WorkflowRunCard.tsx
index 3057a2108..6f9a6bcaa 100644
--- a/frontends/nextjs/src/components/workflow/WorkflowRunCard.tsx
+++ b/frontends/nextjs/src/components/workflow/WorkflowRunCard.tsx
@@ -1,4 +1,4 @@
-import { Box, Card, CardContent, Stack, Typography } from '@mui/material'
+import { Box, Card, CardContent, Stack, Typography } from '@/fakemui'
 
 import { WorkflowRunStatus } from './WorkflowRunStatus'
 
diff --git a/frontends/nextjs/src/components/workflow/WorkflowRunStatus.tsx b/frontends/nextjs/src/components/workflow/WorkflowRunStatus.tsx
index fbe087200..012abd040 100644
--- a/frontends/nextjs/src/components/workflow/WorkflowRunStatus.tsx
+++ b/frontends/nextjs/src/components/workflow/WorkflowRunStatus.tsx
@@ -1,5 +1,4 @@
-import { Chip, Stack, Typography } from '@mui/material'
-
+import { Chip, Stack, Typography } from '@/fakemui'
 import { CheckCircle, XCircle } from '@/fakemui/icons'
 
 interface WorkflowRunStatusProps {
diff --git a/frontends/nextjs/src/components/workflow/editor/WorkflowSidebar.tsx b/frontends/nextjs/src/components/workflow/editor/WorkflowSidebar.tsx
index 3c329ec4b..cba595ce5 100644
--- a/frontends/nextjs/src/components/workflow/editor/WorkflowSidebar.tsx
+++ b/frontends/nextjs/src/components/workflow/editor/WorkflowSidebar.tsx
@@ -1,4 +1,4 @@
-import { Card, CardContent, CardHeader } from '@mui/material'
+import { Card, CardContent, CardHeader } from '@/fakemui'
 
 import { Badge, Button } from '@/components/ui'
 import { Plus, Trash } from '@/fakemui/icons'
diff --git a/frontends/nextjs/src/components/workflow/editor/WorkflowTester.tsx b/frontends/nextjs/src/components/workflow/editor/WorkflowTester.tsx
index ebe2de6c3..63dee48bb 100644
--- a/frontends/nextjs/src/components/workflow/editor/WorkflowTester.tsx
+++ b/frontends/nextjs/src/components/workflow/editor/WorkflowTester.tsx
@@ -1,5 +1,4 @@
-import { Card, CardContent, CardHeader } from '@mui/material'
-
+import { Card, CardContent, CardHeader } from '@/fakemui'
 import { CheckCircle, Lightning, XCircle } from '@/fakemui/icons'
 
 import { CardTitle } from '@/components/ui'