diff --git a/src/components/WindowSideBar.js b/src/components/WindowSideBar.js
index 3804eb814b7a07210f49c35c3a5fd59dec1f1217..4221c0fcbda3c75a850e73c1c27a1a8ad5955bbe 100644
--- a/src/components/WindowSideBar.js
+++ b/src/components/WindowSideBar.js
@@ -38,7 +38,7 @@ class WindowSideBar extends Component {
           }}
         >
           <List>
-            <WindowSideBarButtons windowId={windowId} />
+            <WindowSideBarButtons windowId={windowId} sideBarPanel={sideBarPanel} />
           </List>
         </Drawer>
         <Drawer
diff --git a/src/components/WindowSideBarButtons.js b/src/components/WindowSideBarButtons.js
index 955ace9cbcd7c31c341d77cb95f1e7fa49434bfc..037349f635a591b5326c3a68edd4f5a82f4eaf01 100644
--- a/src/components/WindowSideBarButtons.js
+++ b/src/components/WindowSideBarButtons.js
@@ -7,6 +7,16 @@ import InfoIcon from '@material-ui/icons/Info';
  *
  */
 class WindowSideBarButtons extends Component {
+  /**
+   * sideBarPanelCurrentlySelected - return if the given sideBarPanel is currently selected
+   * @return Boolean
+   */
+  sideBarPanelCurrentlySelected(panelType) {
+    const { sideBarPanel } = this.props;
+
+    return sideBarPanel === panelType;
+  }
+
   /**
    * render
    *
@@ -21,7 +31,9 @@ class WindowSideBarButtons extends Component {
           color="inherit"
           onClick={() => (toggleWindowSideBarPanel('info'))}
         >
-          <InfoIcon />
+          <InfoIcon
+            color={this.sideBarPanelCurrentlySelected('info') ? 'action' : 'inherit'}
+          />
         </IconButton>
       </>
     );
@@ -30,10 +42,12 @@ class WindowSideBarButtons extends Component {
 
 WindowSideBarButtons.propTypes = {
   toggleWindowSideBarPanel: PropTypes.func,
+  sideBarPanel: PropTypes.string,
 };
 
 WindowSideBarButtons.defaultProps = {
   toggleWindowSideBarPanel: () => {},
+  sideBarPanel: 'closed',
 };
 
 export default WindowSideBarButtons;