diff --git a/docs-web/src/main/webapp/src/partial/docs/document.view.content.html b/docs-web/src/main/webapp/src/partial/docs/document.view.content.html
index dd1f2a81..f4c37fa6 100644
--- a/docs-web/src/main/webapp/src/partial/docs/document.view.content.html
+++ b/docs-web/src/main/webapp/src/partial/docs/document.view.content.html
@@ -55,7 +55,8 @@
         </a>
 
         <div class="file-info">
-          <div class="v-align caption caption-hover-inverse file-name" ng-click="openFile(file)" ng-if="file.name">{{ file.name }}</div>
+          <div class="v-align caption file-name" ng-class="{ 'caption-hover-inverse': document.writable }"
+               ng-click="openFile(file)" ng-if="file.name">{{ file.name }}</div>
           <div class="caption caption-hover" ng-show="document.writable">
             <div class="btn btn-default handle"><span class="fas fa-arrows-alt-h"></span></div>
           </div>