diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.html
index 7613cc9..9fce8b1 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.html
@@ -34,6 +34,7 @@
           (ngSubmit)="openConfirmDialog()"
           id="gemensam-planering-form"
         >
+          <msfa-loader *ngIf="submitLoading$ | async" type="absolute"></msfa-loader>
           <ng-container *ngIf="currentStep === 1">
             <digi-form-fieldset
               af-legend="Deltar arbetssökande på distans?"
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.scss b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.scss
index e8a6aeb..3094b6b 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.scss
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.scss
@@ -4,6 +4,7 @@
 .gemensam-planering {
   &__confirmation,
   &__form {
+    position: relative;
     display: flex;
     flex-direction: column;
     gap: $digi--layout--gutter--l;
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.ts
index efa513b..0922900 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/deltagare-reports/deltagare-gemensam-planering/deltagare-gemensam-planering.component.ts
@@ -33,6 +33,8 @@ export class DeltagareGemensamPlaneringComponent {
   error$: Observable<CustomError> = this._error$.asObservable();
   private _lastSubmittedGP$ = new BehaviorSubject<Date>(null);
   lastSubmittedGP$: Observable<Date> = this._lastSubmittedGP$.asObservable();
+  private _submitLoading$ = new BehaviorSubject<boolean>(false);
+  submitLoading$: Observable<boolean> = this._submitLoading$.asObservable();
 
   activities$: Observable<Activity[]> = this.gemensamPlaneringService.activities$;
   currentGenomforandeReferens$: Observable<number> = this.activatedRoute.params.pipe(
@@ -137,6 +139,7 @@ export class DeltagareGemensamPlaneringComponent {
   }
 
   async postGemensamPlanering(postRequest: GemensamPlanering): Promise<void> {
+    this._submitLoading$.next(true);
     return this.gemensamPlaneringService
       .postGemensamPlanering(mapGemensamPlaneringToGemensamPlaneringPostRequest(postRequest))
       .then(() => {
@@ -145,6 +148,9 @@ export class DeltagareGemensamPlaneringComponent {
       })
       .catch((error: Error) => {
         this._error$.next(new CustomError({ error, message: error.message, type: ErrorType.API }));
+      })
+      .finally(() => {
+        this._submitLoading$.next(false);
       });
   }
 }