diff --git a/src/frontend/app/attachments/attachments-page/attachment-page.component.scss b/src/frontend/app/attachments/attachments-page/attachment-page.component.scss
index 2a28d081ecbbd5db5291b09dea4e3fbefe78ad26..53e9e93d5b5d6c9ff0a9463d13721c5f6562d55e 100644
--- a/src/frontend/app/attachments/attachments-page/attachment-page.component.scss
+++ b/src/frontend/app/attachments/attachments-page/attachment-page.component.scss
@@ -45,7 +45,7 @@
     ::ng-deep.mat-expansion-panel-body {
         padding: 0px;
     }
-    
+
     &-item {
         display: flex;
         align-items: center;
@@ -57,6 +57,7 @@
             ::ng-deep.mat-form-field-label-wrapper {
                 margin-top: -5px;
             }
+
             ::ng-deep.mat-form-field-label {
                 background: white;
                 width: auto !important;
@@ -70,8 +71,17 @@
 .pjList {
     flex: 1;
 
+    ::ng-deep.mat-tab-header {
+        position: fixed;
+        z-index: 2;
+        height: 50px;
+        background: white;
+        width: 63.7vw;
+    }
+
     ::ng-deep.mat-tab-body-wrapper {
         flex: 1;
+        padding-top: 55px;
     }
 
     ::ng-deep.mat-tab-body-content {
diff --git a/src/frontend/app/attachments/attachments-page/attachment-page.component.ts b/src/frontend/app/attachments/attachments-page/attachment-page.component.ts
index afb4b0f58b1ff5f3eb34cbfa906118b57071b677..d131efc724df58bb7fd0c99f1f17a80df286a5b1 100644
--- a/src/frontend/app/attachments/attachments-page/attachment-page.component.ts
+++ b/src/frontend/app/attachments/attachments-page/attachment-page.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, Input, EventEmitter, Output, Inject, ViewChild } from '@angular/core';
+import { Component, OnInit, Inject, ViewChild, Renderer2 } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { LANG } from '../../translate.component';
 import { catchError, tap, finalize, exhaustMap, filter } from 'rxjs/operators';