1 files changed, 5 insertions, 3 deletions
diff --git a/modern/src/settings/OptionsLayout/index.js b/modern/src/settings/OptionsLayout/index.js
index 37b63551..61a94cff 100644
--- a/modern/src/settings/OptionsLayout/index.js
+++ b/modern/src/settings/OptionsLayout/index.js
@@ -33,7 +33,7 @@ const useStyles = makeStyles(theme => ({
   content: {
     flex: 1,
     padding: theme.spacing(5, 3, 3, 3),
-    [theme.breakpoints.down('md')]:{
+    [theme.breakpoints.down('md')]: {
       paddingTop: theme.spacing(10)
     }
   },
@@ -58,8 +58,10 @@ const OptionsLayout = ({ children }) => {
   const routes = useRoutes();
 
   useEffect(() => {
-    const activeRoute = routes.find(route => location.pathname.match(route.match));
-    setOptionTitle(activeRoute.name);
+    const activeRoute = routes.find(
+      route => route.href && location.pathname.match(route.match || route.href)
+    );
+    setOptionTitle(activeRoute?.name);
   }, [location, routes]);
 
   const title = `Options / ${optionTitle}`;