diff --git a/components/teks/karaoke-modal.js b/components/teks/karaoke-modal.js
index 42053dc..bfd4fbd 100644
--- a/components/teks/karaoke-modal.js
+++ b/components/teks/karaoke-modal.js
@@ -12,13 +12,13 @@ import Typography from '@mui/material/Typography'
 import Tooltip from '@mui/material/Tooltip'
 import useMediaQuery from '@mui/material/useMediaQuery'
 import {useTheme, keyframes} from '@mui/material/styles'
+import MicIcon from '@mui/icons-material/Mic'
+import CloseIcon from '@mui/icons-material/Close'
 
 const pulse = keyframes`
   0%, 100% { opacity: 0.18; transform: scale(1); }
   50% { opacity: 0.55; transform: scale(1.2); }
 `
-import MicIcon from '@mui/icons-material/Mic'
-import CloseIcon from '@mui/icons-material/Close'
 
 const SlideUp = forwardRef(function SlideUp(props, ref) {
   return <Slide direction='up' ref={ref} {...props} />