diff --git a/bigbluebutton-html5/imports/ui/components/legacy/component.jsx b/bigbluebutton-html5/imports/ui/components/legacy/component.jsx
index 69f7233398069669be7242696adf41966f44507e..43ee7be52995f08a1c7d0ec03c4ff3f5512c6ce6 100755
--- a/bigbluebutton-html5/imports/ui/components/legacy/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/legacy/component.jsx
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { IntlProvider, FormattedMessage, addLocaleData } from 'react-intl';
-import browser from 'browser-detect';
+import { browserName } from 'react-device-detect';
 import './styles.css';
 
 
@@ -101,8 +101,8 @@ export default class Legacy extends Component {
 
   render() {
     const { messages, normalizedLocale, viewState } = this.state;
-    const isSupportedBrowser = supportedBrowsers.includes(browser().name);
-    const isChromeIos = browser().name === 'crios';
+    const isSupportedBrowser = supportedBrowsers.includes(browserName);
+    const isChromeIos = browserName === 'crios';
 
     let messageId = isSupportedBrowser ? 'app.legacy.upgradeBrowser' : 'app.legacy.unsupportedBrowser';
     if (isChromeIos) messageId = 'app.legacy.criosBrowser';
diff --git a/bigbluebutton-html5/private/config/settings.yml b/bigbluebutton-html5/private/config/settings.yml
index 266723178ba3cbc2404692ef16906b0daf7cf94b..171e4df8dd5d23ffe484a188c1e010e9dfecefdb 100755
--- a/bigbluebutton-html5/private/config/settings.yml
+++ b/bigbluebutton-html5/private/config/settings.yml
@@ -368,3 +368,6 @@ private:
       version: 46
     - browser: electron
       version: [0, 36]
+    - browser: YandexBrowser
+      version: 19
+      
\ No newline at end of file