1 files changed, 4 insertions, 2 deletions
diff --git a/modern/src/settings/OptionsLayout/index.js b/modern/src/settings/OptionsLayout/index.js
index dd969196..fea03722 100644
--- a/modern/src/settings/OptionsLayout/index.js
+++ b/modern/src/settings/OptionsLayout/index.js
@@ -13,8 +13,8 @@ import ArrowBackIcon from '@material-ui/icons/ArrowBack';
 
 import SideNav from '../../components/SideNav';
 import NavBar from '../../components/NavBar';
-import t from '../../LocalizationProvider';
 import useRoutes from './useRoutes';
+import { useTranslation } from '../../LocalizationProvider';
 
 const useStyles = makeStyles((theme) => ({
   root: {
@@ -54,9 +54,11 @@ const OptionsLayout = ({ children }) => {
   const classes = useStyles();
   const location = useLocation();
   const history = useHistory();
+  const routes = useRoutes();
+  const t = useTranslation();
+
   const [openDrawer, setOpenDrawer] = useState(false);
   const [optionTitle, setOptionTitle] = useState();
-  const routes = useRoutes();
 
   useEffect(() => {
     const activeRoute = routes.find(