diff --git a/new-log-viewer/src/components/Layout.tsx b/new-log-viewer/src/components/Layout.tsx
index c0169495..49648fef 100644
--- a/new-log-viewer/src/components/Layout.tsx
+++ b/new-log-viewer/src/components/Layout.tsx
@@ -1,4 +1,4 @@
-import {CssVarsProvider} from "@mui/joy/styles";
+import {CssVarsProvider} from "@mui/joy";
 
 import {CONFIG_KEY} from "../typings/config";
 import {CONFIG_DEFAULT} from "../utils/config";
diff --git a/new-log-viewer/src/components/MenuBar/PageNumInput.tsx b/new-log-viewer/src/components/MenuBar/PageNumInput.tsx
index 33da7e4a..1bd8ae80 100644
--- a/new-log-viewer/src/components/MenuBar/PageNumInput.tsx
+++ b/new-log-viewer/src/components/MenuBar/PageNumInput.tsx
@@ -5,8 +5,10 @@ import React, {
     useState,
 } from "react";
 
-import {Typography} from "@mui/joy";
-import Input from "@mui/joy/Input";
+import {
+    Input,
+    Typography,
+} from "@mui/joy";
 
 import {StateContext} from "../../contexts/StateContextProvider";
 
diff --git a/new-log-viewer/src/components/StatusBar/index.tsx b/new-log-viewer/src/components/StatusBar/index.tsx
index 1d8598f2..6336f740 100644
--- a/new-log-viewer/src/components/StatusBar/index.tsx
+++ b/new-log-viewer/src/components/StatusBar/index.tsx
@@ -1,8 +1,10 @@
 import {useContext} from "react";
 
-import Button from "@mui/joy/Button";
-import Sheet from "@mui/joy/Sheet";
-import Typography from "@mui/joy/Typography";
+import {
+    Button,
+    Sheet,
+    Typography,
+} from "@mui/joy";
 
 import {StateContext} from "../../contexts/StateContextProvider";
 import {
diff --git a/new-log-viewer/src/components/modals/SettingsModal/SettingsDialog.tsx b/new-log-viewer/src/components/modals/SettingsModal/SettingsDialog.tsx
index ac14241c..14036d28 100644
--- a/new-log-viewer/src/components/modals/SettingsModal/SettingsDialog.tsx
+++ b/new-log-viewer/src/components/modals/SettingsModal/SettingsDialog.tsx
@@ -5,14 +5,14 @@ import {
     DialogActions,
     DialogContent,
     DialogTitle,
+    FormControl,
+    FormHelperText,
+    FormLabel,
+    Input,
     ModalDialog,
     ToggleButtonGroup,
     useColorScheme,
 } from "@mui/joy";
-import FormControl from "@mui/joy/FormControl/FormControl";
-import FormHelperText from "@mui/joy/FormHelperText";
-import FormLabel from "@mui/joy/FormLabel/FormLabel";
-import Input from "@mui/joy/Input";
 import type {Mode} from "@mui/system/cssVars/useCurrentColorScheme";
 
 import DarkModeIcon from "@mui/icons-material/DarkMode";
diff --git a/new-log-viewer/src/components/modals/SettingsModal/index.tsx b/new-log-viewer/src/components/modals/SettingsModal/index.tsx
index ae0e8237..2bf97ea9 100644
--- a/new-log-viewer/src/components/modals/SettingsModal/index.tsx
+++ b/new-log-viewer/src/components/modals/SettingsModal/index.tsx
@@ -1,4 +1,4 @@
-import Modal from "@mui/joy/Modal";
+import {Modal} from "@mui/joy";
 
 import SettingsDialog from "./SettingsDialog";
 
diff --git a/new-log-viewer/src/components/theme.tsx b/new-log-viewer/src/components/theme.tsx
index a183c719..7c234e8e 100644
--- a/new-log-viewer/src/components/theme.tsx
+++ b/new-log-viewer/src/components/theme.tsx
@@ -1,4 +1,4 @@
-import {extendTheme} from "@mui/joy/styles";
+import {extendTheme} from "@mui/joy";
 
 import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";