diff --git a/app/assets/javascripts/repo/components/repo.vue b/app/assets/javascripts/repo/components/repo.vue
index 56a3c9479a2..703da749ad3 100644
--- a/app/assets/javascripts/repo/components/repo.vue
+++ b/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>
diff --git a/app/assets/stylesheets/pages/repo.scss b/app/assets/stylesheets/pages/repo.scss
index d7488ec59a4..76aa994f023 100644
--- a/app/assets/stylesheets/pages/repo.scss
+++ b/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%;
   }