diff --git a/frontend/src/components/StoryWriter/Phases/StorySetup/AIStorySetupModal.tsx b/frontend/src/components/StoryWriter/Phases/StorySetup/AIStorySetupModal.tsx
index 0c85e4ea..3d29cdd5 100644
--- a/frontend/src/components/StoryWriter/Phases/StorySetup/AIStorySetupModal.tsx
+++ b/frontend/src/components/StoryWriter/Phases/StorySetup/AIStorySetupModal.tsx
@@ -20,7 +20,7 @@ import {
   Switch,
   FormControlLabel,
 } from '@mui/material';
-import { InfoOutlined } from '@mui/icons-material';
+import InfoOutlined from '@mui/icons-material/InfoOutlined';
 import {
   storyWriterApi,
   StorySetupOption,
diff --git a/frontend/src/components/StoryWriter/Phases/StorySetup/FormFieldWithTooltip.tsx b/frontend/src/components/StoryWriter/Phases/StorySetup/FormFieldWithTooltip.tsx
index 19e39e63..d4e15074 100644
--- a/frontend/src/components/StoryWriter/Phases/StorySetup/FormFieldWithTooltip.tsx
+++ b/frontend/src/components/StoryWriter/Phases/StorySetup/FormFieldWithTooltip.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { TextField, Tooltip, IconButton, InputAdornment, Box, Typography } from '@mui/material';
-import { InfoOutlined } from '@mui/icons-material';
+import InfoOutlined from '@mui/icons-material/InfoOutlined';
 
 interface TooltipContent {
   title: string;
diff --git a/frontend/src/components/StoryWriter/Phases/StorySetup/SelectFieldWithTooltip.tsx b/frontend/src/components/StoryWriter/Phases/StorySetup/SelectFieldWithTooltip.tsx
index 44e47097..9322d13d 100644
--- a/frontend/src/components/StoryWriter/Phases/StorySetup/SelectFieldWithTooltip.tsx
+++ b/frontend/src/components/StoryWriter/Phases/StorySetup/SelectFieldWithTooltip.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { TextField, MenuItem, Tooltip, IconButton, InputAdornment, Box, Typography } from '@mui/material';
-import { InfoOutlined } from '@mui/icons-material';
+import InfoOutlined from '@mui/icons-material/InfoOutlined';
 
 interface TooltipContent {
   title: string;
diff --git a/frontend/src/components/YouTubeCreator/YouTubeCreator.tsx b/frontend/src/components/YouTubeCreator/YouTubeCreator.tsx
index 4064ecc5..f01d983b 100644
--- a/frontend/src/components/YouTubeCreator/YouTubeCreator.tsx
+++ b/frontend/src/components/YouTubeCreator/YouTubeCreator.tsx
@@ -17,7 +17,7 @@ import {
   Button,
   Alert,
 } from '@mui/material';
-import { ArrowBack } from '@mui/icons-material';
+import ArrowBack from '@mui/icons-material/ArrowBack';
 import { motion, AnimatePresence } from 'framer-motion';
 import { useNavigate } from 'react-router-dom';
 import { youtubeApi, type VideoPlan, type Scene } from '../../services/youtubeApi';
diff --git a/frontend/src/components/YouTubeCreator/components/AudioSettingsModal.tsx b/frontend/src/components/YouTubeCreator/components/AudioSettingsModal.tsx
index b7709cda..bd70e1c4 100644
--- a/frontend/src/components/YouTubeCreator/components/AudioSettingsModal.tsx
+++ b/frontend/src/components/YouTubeCreator/components/AudioSettingsModal.tsx
@@ -19,7 +19,9 @@ import {
   alpha,
   TextField,
 } from "@mui/material";
-import { HelpOutline as HelpOutlineIcon, Close as CloseIcon, VolumeUp } from "@mui/icons-material";
+import HelpOutlineIcon from "@mui/icons-material/HelpOutline";
+import CloseIcon from "@mui/icons-material/Close";
+import VolumeUp from "@mui/icons-material/VolumeUp";
 import { Button } from "@mui/material";
 
 export type YouTubeAudioGenerationSettings = {
diff --git a/frontend/src/components/YouTubeCreator/components/AvatarCard.tsx b/frontend/src/components/YouTubeCreator/components/AvatarCard.tsx
index b06e07f9..85e96fea 100644
--- a/frontend/src/components/YouTubeCreator/components/AvatarCard.tsx
+++ b/frontend/src/components/YouTubeCreator/components/AvatarCard.tsx
@@ -4,7 +4,10 @@
 
 import React, { useState } from 'react';
 import { Box, Typography, Dialog, DialogContent, IconButton, Paper, Stack } from '@mui/material';
-import { Close, ZoomIn, Refresh, AutoAwesome } from '@mui/icons-material';
+import Close from '@mui/icons-material/Close';
+import ZoomIn from '@mui/icons-material/ZoomIn';
+import Refresh from '@mui/icons-material/Refresh';
+import AutoAwesome from '@mui/icons-material/AutoAwesome';
 import { PlanDetailsCard } from './PlanDetailsCard';
 import { OperationButton } from '../../shared/OperationButton';
 
diff --git a/frontend/src/components/YouTubeCreator/components/CombinedSceneOverview.tsx b/frontend/src/components/YouTubeCreator/components/CombinedSceneOverview.tsx
index 130f33a5..0c2add3b 100644
--- a/frontend/src/components/YouTubeCreator/components/CombinedSceneOverview.tsx
+++ b/frontend/src/components/YouTubeCreator/components/CombinedSceneOverview.tsx
@@ -18,7 +18,15 @@ import {
   IconButton,
   Alert,
 } from '@mui/material';
-import { HelpOutline, Timeline, BarChart, AccessTime, Movie, Info, Image as ImageIcon, VolumeUp, CheckCircle } from '@mui/icons-material';
+import HelpOutline from '@mui/icons-material/HelpOutline';
+import Timeline from '@mui/icons-material/Timeline';
+import BarChart from '@mui/icons-material/BarChart';
+import AccessTime from '@mui/icons-material/AccessTime';
+import Movie from '@mui/icons-material/Movie';
+import Info from '@mui/icons-material/Info';
+import ImageIcon from '@mui/icons-material/Image';
+import VolumeUp from '@mui/icons-material/VolumeUp';
+import CheckCircle from '@mui/icons-material/CheckCircle';
 import { Scene } from '../../../services/youtubeApi';
 import { getSceneIcon, getSceneColor, getSceneTypeLabel, formatDuration } from '../utils/sceneHelpers';
 
diff --git a/frontend/src/components/YouTubeCreator/components/PlanStep.tsx b/frontend/src/components/YouTubeCreator/components/PlanStep.tsx
index 7d6bff18..7aad31d8 100644
--- a/frontend/src/components/YouTubeCreator/components/PlanStep.tsx
+++ b/frontend/src/components/YouTubeCreator/components/PlanStep.tsx
@@ -19,7 +19,12 @@ import {
   Grid,
   Button,
 } from '@mui/material';
-import { PlayArrow, CloudUpload, AutoAwesome, Delete, InfoOutlined, Collections } from '@mui/icons-material';
+import PlayArrow from '@mui/icons-material/PlayArrow';
+import CloudUpload from '@mui/icons-material/CloudUpload';
+import AutoAwesome from '@mui/icons-material/AutoAwesome';
+import Delete from '@mui/icons-material/Delete';
+import InfoOutlined from '@mui/icons-material/InfoOutlined';
+import Collections from '@mui/icons-material/Collections';
 import { motion } from 'framer-motion';
 import {
   inputSx,
diff --git a/frontend/src/components/YouTubeCreator/components/RenderStatusDisplay.tsx b/frontend/src/components/YouTubeCreator/components/RenderStatusDisplay.tsx
index 3389f1d6..ac18c139 100644
--- a/frontend/src/components/YouTubeCreator/components/RenderStatusDisplay.tsx
+++ b/frontend/src/components/YouTubeCreator/components/RenderStatusDisplay.tsx
@@ -13,7 +13,8 @@ import {
   LinearProgress,
   Button,
 } from '@mui/material';
-import { Download, Refresh } from '@mui/icons-material';
+import Download from '@mui/icons-material/Download';
+import Refresh from '@mui/icons-material/Refresh';
 import { TaskStatus } from '../../../services/youtubeApi';
 
 interface RenderStatusDisplayProps {
diff --git a/frontend/src/components/YouTubeCreator/components/RenderStep.tsx b/frontend/src/components/YouTubeCreator/components/RenderStep.tsx
index 727a1c39..2343f7a7 100644
--- a/frontend/src/components/YouTubeCreator/components/RenderStep.tsx
+++ b/frontend/src/components/YouTubeCreator/components/RenderStep.tsx
@@ -18,7 +18,13 @@ import {
   IconButton,
   Tooltip,
 } from '@mui/material';
-import { PlayArrow, CheckCircle, Warning, ArrowBack, Visibility, Image as ImageIcon, VolumeUp } from '@mui/icons-material';
+import PlayArrow from '@mui/icons-material/PlayArrow';
+import CheckCircle from '@mui/icons-material/CheckCircle';
+import Warning from '@mui/icons-material/Warning';
+import ArrowBack from '@mui/icons-material/ArrowBack';
+import Visibility from '@mui/icons-material/Visibility';
+import ImageIcon from '@mui/icons-material/Image';
+import VolumeUp from '@mui/icons-material/VolumeUp';
 import { motion } from 'framer-motion';
 import { TaskStatus, CostEstimate, VideoPlan, Scene } from '../../../services/youtubeApi';
 import { YT_BORDER, type Resolution } from '../constants';
diff --git a/frontend/src/components/YouTubeCreator/components/SceneCard/GenerationButtons.tsx b/frontend/src/components/YouTubeCreator/components/SceneCard/GenerationButtons.tsx
index 2cfb6919..57aa71b0 100644
--- a/frontend/src/components/YouTubeCreator/components/SceneCard/GenerationButtons.tsx
+++ b/frontend/src/components/YouTubeCreator/components/SceneCard/GenerationButtons.tsx
@@ -6,7 +6,8 @@ import {
   LinearProgress,
   CircularProgress,
 } from '@mui/material';
-import { Image as ImageIcon, VolumeUp } from '@mui/icons-material';
+import ImageIcon from '@mui/icons-material/Image';
+import VolumeUp from '@mui/icons-material/VolumeUp';
 import { Scene } from '../../../../services/youtubeApi';
 import { AudioGenerationSettings } from '../../../../components/shared/AudioSettingsModal';
 import { YouTubeImageGenerationSettings } from '../../shared/YouTubeImageGenerationModal';
diff --git a/frontend/src/components/YouTubeCreator/components/SceneCard/InfoAlert.tsx b/frontend/src/components/YouTubeCreator/components/SceneCard/InfoAlert.tsx
index 85e5e8f6..531642a3 100644
--- a/frontend/src/components/YouTubeCreator/components/SceneCard/InfoAlert.tsx
+++ b/frontend/src/components/YouTubeCreator/components/SceneCard/InfoAlert.tsx
@@ -3,7 +3,7 @@ import {
   Alert,
   Typography,
 } from '@mui/material';
-import { Info } from '@mui/icons-material';
+import Info from '@mui/icons-material/Info';
 import { Scene } from '../../../../services/youtubeApi';
 
 interface InfoAlertProps {
diff --git a/frontend/src/components/YouTubeCreator/components/SceneCard/SceneContent.tsx b/frontend/src/components/YouTubeCreator/components/SceneCard/SceneContent.tsx
index 478cf1f2..2fe0e76a 100644
--- a/frontend/src/components/YouTubeCreator/components/SceneCard/SceneContent.tsx
+++ b/frontend/src/components/YouTubeCreator/components/SceneCard/SceneContent.tsx
@@ -8,7 +8,12 @@ import {
   IconButton,
   CircularProgress,
 } from '@mui/material';
-import { RecordVoiceOver, Videocam, AutoAwesome, Image as ImageIcon, VolumeUp, HelpOutline } from '@mui/icons-material';
+import RecordVoiceOver from '@mui/icons-material/RecordVoiceOver';
+import Videocam from '@mui/icons-material/Videocam';
+import AutoAwesome from '@mui/icons-material/AutoAwesome';
+import ImageIcon from '@mui/icons-material/Image';
+import VolumeUp from '@mui/icons-material/VolumeUp';
+import HelpOutline from '@mui/icons-material/HelpOutline';
 import { Scene } from '../../../../services/youtubeApi';
 
 interface SceneContentProps {
diff --git a/frontend/src/components/YouTubeCreator/components/SceneCard/SceneEditForm.tsx b/frontend/src/components/YouTubeCreator/components/SceneCard/SceneEditForm.tsx
index ff652d2f..7ed0bb9b 100644
--- a/frontend/src/components/YouTubeCreator/components/SceneCard/SceneEditForm.tsx
+++ b/frontend/src/components/YouTubeCreator/components/SceneCard/SceneEditForm.tsx
@@ -5,7 +5,8 @@ import {
   Button,
   Box,
 } from '@mui/material';
-import { Check, Close } from '@mui/icons-material';
+import Check from '@mui/icons-material/Check';
+import Close from '@mui/icons-material/Close';
 import { Scene } from '../../../../services/youtubeApi';
 import { inputSx, labelSx } from '../../styles';
 
diff --git a/frontend/src/components/YouTubeCreator/components/SceneCard/SceneHeader.tsx b/frontend/src/components/YouTubeCreator/components/SceneCard/SceneHeader.tsx
index ff97b2d4..8a950f7c 100644
--- a/frontend/src/components/YouTubeCreator/components/SceneCard/SceneHeader.tsx
+++ b/frontend/src/components/YouTubeCreator/components/SceneCard/SceneHeader.tsx
@@ -9,7 +9,8 @@ import {
   IconButton,
   Tooltip,
 } from '@mui/material';
-import { Edit, HelpOutline } from '@mui/icons-material';
+import Edit from '@mui/icons-material/Edit';
+import HelpOutline from '@mui/icons-material/HelpOutline';
 import { Scene } from '../../../../services/youtubeApi';
 
 // Helper functions
diff --git a/frontend/src/components/YouTubeCreator/components/SceneGenerationStep.tsx b/frontend/src/components/YouTubeCreator/components/SceneGenerationStep.tsx
index ff273b9d..d9cf9dc6 100644
--- a/frontend/src/components/YouTubeCreator/components/SceneGenerationStep.tsx
+++ b/frontend/src/components/YouTubeCreator/components/SceneGenerationStep.tsx
@@ -13,7 +13,10 @@ import {
   Box,
   Alert,
 } from '@mui/material';
-import { ArrowForward, ArrowBack, CheckCircle, Warning } from '@mui/icons-material';
+import ArrowForward from '@mui/icons-material/ArrowForward';
+import ArrowBack from '@mui/icons-material/ArrowBack';
+import CheckCircle from '@mui/icons-material/CheckCircle';
+import Warning from '@mui/icons-material/Warning';
 import { motion } from 'framer-motion';
 import { Scene, VideoPlan } from '../../../services/youtubeApi';
 import { YT_BG, YT_BORDER, YT_TEXT } from '../constants';
diff --git a/frontend/src/components/YouTubeCreator/components/SceneStatisticsCard.tsx b/frontend/src/components/YouTubeCreator/components/SceneStatisticsCard.tsx
index 3b3c96b9..dd613e19 100644
--- a/frontend/src/components/YouTubeCreator/components/SceneStatisticsCard.tsx
+++ b/frontend/src/components/YouTubeCreator/components/SceneStatisticsCard.tsx
@@ -15,7 +15,9 @@ import {
   Chip,
   Divider,
 } from '@mui/material';
-import { AccessTime, Movie, Timeline } from '@mui/icons-material';
+import AccessTime from '@mui/icons-material/AccessTime';
+import Movie from '@mui/icons-material/Movie';
+import Timeline from '@mui/icons-material/Timeline';
 import { Scene } from '../../../services/youtubeApi';
 
 interface SceneStatisticsCardProps {
diff --git a/frontend/src/components/YouTubeCreator/components/SceneTimeline.tsx b/frontend/src/components/YouTubeCreator/components/SceneTimeline.tsx
index bd96fd13..3386785c 100644
--- a/frontend/src/components/YouTubeCreator/components/SceneTimeline.tsx
+++ b/frontend/src/components/YouTubeCreator/components/SceneTimeline.tsx
@@ -15,7 +15,7 @@ import {
   Chip,
   Tooltip,
 } from '@mui/material';
-import { AccessTime } from '@mui/icons-material';
+import AccessTime from '@mui/icons-material/AccessTime';
 import { Scene } from '../../../services/youtubeApi';
 import { getSceneIcon, getSceneColor, getSceneTypeLabel, formatDuration } from '../utils/sceneHelpers';
 
diff --git a/frontend/src/components/YouTubeCreator/components/ScenesStep.tsx b/frontend/src/components/YouTubeCreator/components/ScenesStep.tsx
index 46b472fa..2c3afae2 100644
--- a/frontend/src/components/YouTubeCreator/components/ScenesStep.tsx
+++ b/frontend/src/components/YouTubeCreator/components/ScenesStep.tsx
@@ -9,7 +9,8 @@ import {
   Button,
   Box,
 } from '@mui/material';
-import { PlayArrow, VideoLibrary } from '@mui/icons-material';
+import PlayArrow from '@mui/icons-material/PlayArrow';
+import VideoLibrary from '@mui/icons-material/VideoLibrary';
 import { motion } from 'framer-motion';
 import { VideoPlan, Scene } from '../../../services/youtubeApi';
 import { PlanDetails } from './PlanDetails';
diff --git a/frontend/src/components/YouTubeCreator/components/SelectWithCustom.tsx b/frontend/src/components/YouTubeCreator/components/SelectWithCustom.tsx
index a5436075..40dec7e1 100644
--- a/frontend/src/components/YouTubeCreator/components/SelectWithCustom.tsx
+++ b/frontend/src/components/YouTubeCreator/components/SelectWithCustom.tsx
@@ -18,7 +18,7 @@ import {
   Tooltip,
   IconButton,
 } from '@mui/material';
-import { InfoOutlined } from '@mui/icons-material';
+import InfoOutlined from '@mui/icons-material/InfoOutlined';
 import { selectSx, labelSx, helperSx, inputSx, selectMenuProps } from '../styles';
 
 export interface SelectOption {
diff --git a/frontend/src/components/YouTubeCreator/components/VideoRenderQueue.tsx b/frontend/src/components/YouTubeCreator/components/VideoRenderQueue.tsx
index 47a42dc8..6b658009 100644
--- a/frontend/src/components/YouTubeCreator/components/VideoRenderQueue.tsx
+++ b/frontend/src/components/YouTubeCreator/components/VideoRenderQueue.tsx
@@ -1,6 +1,9 @@
 import React, { useMemo } from 'react';
 import { Box, Paper, Stack, Typography, Button, LinearProgress, Alert, Chip } from '@mui/material';
-import { PlayArrow, VideoLibrary, CheckCircle, ErrorOutline } from '@mui/icons-material';
+import PlayArrow from '@mui/icons-material/PlayArrow';
+import VideoLibrary from '@mui/icons-material/VideoLibrary';
+import CheckCircle from '@mui/icons-material/CheckCircle';
+import ErrorOutline from '@mui/icons-material/ErrorOutline';
 import { Scene, VideoPlan } from '../../../services/youtubeApi';
 import { useVideoRenderQueue, SceneVideoJob } from '../hooks/useVideoRenderQueue';
 
diff --git a/frontend/src/components/YouTubeCreator/utils/sceneHelpers.tsx b/frontend/src/components/YouTubeCreator/utils/sceneHelpers.tsx
index 7d3f01d5..c0bb614d 100644
--- a/frontend/src/components/YouTubeCreator/utils/sceneHelpers.tsx
+++ b/frontend/src/components/YouTubeCreator/utils/sceneHelpers.tsx
@@ -5,7 +5,10 @@
  */
 
 import React from 'react';
-import { Movie, CallMade, Shuffle, PlayArrow } from '@mui/icons-material';
+import Movie from '@mui/icons-material/Movie';
+import CallMade from '@mui/icons-material/CallMade';
+import Shuffle from '@mui/icons-material/Shuffle';
+import PlayArrow from '@mui/icons-material/PlayArrow';
 
 /**
  * Get icon component for scene emphasis type