Fix matchMedia queries

2 files changed, 4 insertions, 4 deletions

diff --git a/vnext/src/App.js b/vnext/src/App.js
index af364fe2..a519eedd 100644
--- a/vnext/src/App.js
+++ b/vnext/src/App.js
@@ -91,8 +91,8 @@ export default class App extends React.Component {
     history.push(location);
   }
   toggleSidebar = () => {
-    const isMobile = window.matchMedia('width < 62.5rem');
-    if (isMobile.matches) {
+    const isDesktop = window.matchMedia('(min-width: 62.5rem)');
+    if (!isDesktop.matches) {
       let width = this.sidebar.current.style.width;
       this.sidebar.current.style.width = width === '248px' ? '0' : '248px';
       let leftMargin = this.state.appMarginLeft === 'inherit' ? '250px' : 'inherit';
diff --git a/vnext/src/components/MessageInput.js b/vnext/src/components/MessageInput.js
index 5766f2ac..5b603e9a 100644
--- a/vnext/src/components/MessageInput.js
+++ b/vnext/src/components/MessageInput.js
@@ -49,8 +49,8 @@ export default class MessageInput extends React.Component {
     }
 
     componentDidMount() {
-        const isMobile = window.matchMedia('only screen and (width <62.5rem)');
-        if (!isMobile.matches) {
+        const isDesktop = window.matchMedia('(min-width: 62.5rem)');
+        if (isDesktop.matches) {
             this.textarea.current.focus();
         }
     }