diff --git a/client/modules/IDE/components/SidebarItem.js b/client/modules/IDE/components/SidebarItem.js
index 9d3e3c73..4d58377a 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 {
diff --git a/server/models/project.js b/server/models/project.js
index 54e97adb..3ae5c195 100644
--- a/server/models/project.js
+++ b/server/models/project.js
@@ -15,7 +15,9 @@ const defaultHTML =
 `<!DOCTYPE html>
 <html>
   <head>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.0/p5.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/addons/p5.dom.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/addons/p5.sound.min.js"></script>
     <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
