diff --git a/client/modules/IDE/components/FileNode.jsx b/client/modules/IDE/components/FileNode.jsx
index 6d5c7591..79e32e0c 100644
--- a/client/modules/IDE/components/FileNode.jsx
+++ b/client/modules/IDE/components/FileNode.jsx
@@ -22,7 +22,7 @@ export class FileNode extends React.Component {
 
   handleFileClick(e) {
     e.stopPropagation();
-    if (!this.isDeleting) {
+    if (this.props.name !== 'root' && !this.isDeleting) {
       this.props.setSelectedFile(this.props.id);
     }
   }
diff --git a/client/styles/components/_sidebar.scss b/client/styles/components/_sidebar.scss
index ce1a6570..37114db3 100644
--- a/client/styles/components/_sidebar.scss
+++ b/client/styles/components/_sidebar.scss
@@ -122,12 +122,12 @@
 .sidebar__file-item-options {
   @extend %modal;
   @include themify() {
-    background-color: getThemeColor('modal-background-color');
+    background-color: getThemifyVariable('modal-background-color');
   }
   position: absolute;
   top: 95%;
-  left: 77%;
-  right: -65%;
+  left: #{15 / $base-font-size}rem;
+  right: #{15 / $base-font-size}rem;
   display: none;
   z-index: 100;
   padding: #{8 / $base-font-size}rem #{16 / $base-font-size}rem;