diff --git a/frontend/src/app/components/loading-indicator/loading-indicator.component.scss b/frontend/src/app/components/indexing-progress/indexing-progress.component.scss
similarity index 75%
rename from frontend/src/app/components/loading-indicator/loading-indicator.component.scss
rename to frontend/src/app/components/indexing-progress/indexing-progress.component.scss
index af84083b7..b0f7fb9de 100644
--- a/frontend/src/app/components/loading-indicator/loading-indicator.component.scss
+++ b/frontend/src/app/components/indexing-progress/indexing-progress.component.scss
@@ -1,16 +1,23 @@
-.sticky-loading {
-  position: absolute;
+:host {
+  position: fixed;
   right: 10px;
   z-index: 1000;
   font-size: 14px;
+
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+
   @media (width >= 992px) {
     left: 32px;
     top: 55px;
   }
+
   @media (576px <= width < 992px ) {
     left: 18px;
     top: 55px;
   }
+
   @media (width <= 575px) {
     left: 18px;
     top: 100px;
diff --git a/frontend/src/app/components/indexing-progress/indexing-progress.component.ts b/frontend/src/app/components/indexing-progress/indexing-progress.component.ts
index becf12531..3aecb8204 100644
--- a/frontend/src/app/components/indexing-progress/indexing-progress.component.ts
+++ b/frontend/src/app/components/indexing-progress/indexing-progress.component.ts
@@ -3,6 +3,7 @@ import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core
 @Component({
   selector: 'app-indexing-progress',
   templateUrl: './indexing-progress.component.html',
+  styleUrl: 'indexing-progress.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: false,
 })
diff --git a/frontend/src/app/components/loading-indicator/loading-indicator.component.html b/frontend/src/app/components/loading-indicator/loading-indicator.component.html
index 378321701..4ebc7e140 100644
--- a/frontend/src/app/components/loading-indicator/loading-indicator.component.html
+++ b/frontend/src/app/components/loading-indicator/loading-indicator.component.html
@@ -1,3 +1,3 @@
-<div *ngIf="this.indexingProgress$ | async as progress" class="sticky-loading">
+<div *ngIf="this.indexingProgress$ | async as progress">
   <span *ngIf="progress >= 0" class="me-auto badge rounded-pill bg-warning">{{ this.label }} ({{ progress }}%)</span>
 </div>
\ No newline at end of file
diff --git a/frontend/src/app/components/loading-indicator/loading-indicator.component.ts b/frontend/src/app/components/loading-indicator/loading-indicator.component.ts
index 58ebf0a34..cf450ec90 100644
--- a/frontend/src/app/components/loading-indicator/loading-indicator.component.ts
+++ b/frontend/src/app/components/loading-indicator/loading-indicator.component.ts
@@ -7,7 +7,6 @@ import { WebsocketService } from '@app/services/websocket.service';
 @Component({
   selector: 'app-loading-indicator',
   templateUrl: './loading-indicator.component.html',
-  styleUrls: ['./loading-indicator.component.scss'],
   standalone: false,
   changeDetection: ChangeDetectionStrategy.OnPush
 })