From a06f9918887fff867e5c917e183ca37d00574561 Mon Sep 17 00:00:00 2001
From: WildScotsmen <thewildscotsmen@gmail.com>
Date: Fri, 30 Nov 2018 16:00:49 -0500
Subject: [PATCH] Added Typography to App Drawer to ensure all icons change
 with swap.

---
 package-lock.json      |  2 +-
 src/components/Main.js | 11 ++++-------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 885ea64..da5811d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5661,7 +5661,7 @@
         },
         "core-js": {
           "version": "2.5.5",
-          "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.5.tgz",
+          "resolved": "http://registry.npmjs.org/core-js/-/core-js-2.5.5.tgz",
           "integrity": "sha1-sU3ek2xkDAV5prUMq8wTLdYSfjs="
         },
         "firebase": {
diff --git a/src/components/Main.js b/src/components/Main.js
index 95ed1b3..b6fe643 100644
--- a/src/components/Main.js
+++ b/src/components/Main.js
@@ -35,7 +35,6 @@ import Collapse from '@material-ui/core/Collapse';
 import FlameLinkCollectionGallery from '../components/FlameLinkCollectionGallery';
 import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
 import Switch from '@material-ui/core/Switch';
-import indigo from '@material-ui/core/colors/indigo';
 
 const drawerWidth = 240;
 
@@ -85,8 +84,7 @@ class ResponsiveDrawer extends React.Component {
                 useNextVariants: true,
             },
             palette: {
-                primary: indigo,
-                secondary: indigo
+                type: 'light'
             }
         }),
         themeName: 'light',
@@ -133,8 +131,7 @@ class ResponsiveDrawer extends React.Component {
                         useNextVariants: true,
                     },
                     palette: {
-                        primary: indigo,
-                        secondary: indigo
+                        type: 'light'
                     }
                 })
             })
@@ -145,7 +142,7 @@ class ResponsiveDrawer extends React.Component {
         const { classes } = this.props;
 
         const drawer = (
-            <div>
+            <Typography component="div">
                 <div className={classes.toolbar} />
                 <Divider />
                 <List>
@@ -218,7 +215,7 @@ class ResponsiveDrawer extends React.Component {
                     </Collapse>
                 </List>
                 <Divider />
-            </div>
+            </Typography>
         );
 
         return (