diff --git a/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.html b/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.html
index 3fb20fb62..af0456568 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.html
@@ -72,7 +72,7 @@
         ></iqser-circle-button>
     </div>
 
-    <div class="annotations-wrapper">
+    <div class="annotations-wrapper" [class.documine-direction]="isDocumine">
         <div
             #quickNavigation
             (keydown)="preventKeyDefault($event)"
diff --git a/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss b/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss
index 86cb091fa..d247435bf 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss
@@ -27,6 +27,12 @@
         flex: 1;
         overflow: hidden;
 
+        &.documine-direction {
+            flex-direction: row-reverse;
+            justify-content: space-between;
+            border-left: 1px solid var(--iqser-separator);
+        }
+
         .content {
             overflow: hidden;
             width: 100%;
@@ -56,9 +62,6 @@
                 }
             }
         }
-
-        flex-direction: row-reverse;
-        justify-content: space-between;
     }
 
     .quick-navigation,
@@ -72,7 +75,6 @@
 
     .quick-navigation {
         border-right: 1px solid var(--iqser-separator);
-        border-left: 1px solid var(--iqser-separator);
         min-width: var(--qiuck-navigation-width);
         overflow: hidden;
         display: flex;