diff --git a/client/modules/IDE/components/SidebarItem.js b/client/modules/IDE/components/SidebarItem.js
index efec5e0a..5885b7a7 100644
--- a/client/modules/IDE/components/SidebarItem.js
+++ b/client/modules/IDE/components/SidebarItem.js
@@ -41,10 +41,10 @@ class SidebarItem extends React.Component {
         className={itemClass}
         onBlur={() => this.props.hideFileOptions(this.props.file.id)}
         tabIndex={this.props.fileIndex}
+        onClick={() => this.props.setSelectedFile(this.props.file.id)}
       >
         <a
           className="sidebar__file-item-name"
-          onClick={() => this.props.setSelectedFile(this.props.file.id)}
         >{this.props.file.name}</a>
         <input
           type="text"
diff --git a/client/styles/components/_sidebar.scss b/client/styles/components/_sidebar.scss
index c54ff31c..c3e4bb54 100644
--- a/client/styles/components/_sidebar.scss
+++ b/client/styles/components/_sidebar.scss
@@ -44,6 +44,9 @@
   &--selected {
     background-color: $ide-border-color;
   }
+  &:hover .sidebar__file-item-name {
+    color: $light-primary-text-color;
+  }
 }
 
 .sidebar__file-item-name {