fix leaky css selector

app/assets/javascripts/repo/components/repo.vue

@@ -43,7 +43,7 @@ export default {
 </script>
 
 <template>
-<div class="tree-content-holder">
+<div class="repository-view tree-content-holder">
   <repo-sidebar/><div class="panel-right" :class="{'edit-mode': editMode}">
     <repo-tabs/>
     <component :is="currentBlobView" class="blob-viewer-container"></component>

app/assets/stylesheets/pages/repo.scss

@@ -51,7 +51,7 @@
   margin: 20px;
 }
 
-.tree-content-holder {
+.repository-view.tree-content-holder {
   border: 1px solid $border-color;
   border-radius: $border-radius-default;
   color: $almost-black;
@@ -78,6 +78,7 @@
       .blob-viewer-container {
         overflow: hidden;
       }
+
       .monaco-editor.vs {
         .cursor {
           background: $black;
@@ -374,6 +375,7 @@
 
 .render-error {
   min-height: calc(100vh - 63px);
+
   p {
     width: 100%;
   }