From 9a5557db03c21e97399118ad3efcfbdf3bfab2c3 Mon Sep 17 00:00:00 2001
From: uwap <me@uwap.name>
Date: Thu, 8 Oct 2020 17:24:51 +0200
Subject: [PATCH] Fix sidebar close icon not being visible (Closes #147)

---
 src/components/SideBar.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/SideBar.js b/src/components/SideBar.js
index 7983133..c4a3cce 100644
--- a/src/components/SideBar.js
+++ b/src/components/SideBar.js
@@ -8,6 +8,8 @@ import IconButton from "@material-ui/core/IconButton";
 import AppBar from "@material-ui/core/AppBar";
 import Toolbar from "@material-ui/core/Toolbar";
 import List from "@material-ui/core/List";
+import ReactIcon from "@mdi/react";
+import { mdiClose } from "@mdi/js";
 
 import type { Control } from "config/flowtypes";
 
@@ -47,7 +49,7 @@ const SideBar = (props: SideBarProps) => {
             {props.control == null ? "" : props.control.name}
           </Typography>
           <IconButton onClick={props.onCloseRequest}>
-            <i className="mdi mdi-close"></i>
+            <ReactIcon path={mdiClose} size={1.5} />
           </IconButton>
         </Toolbar>
       </AppBar>