diff --git a/alfa-client/apps/demo/src/app/app.component.html b/alfa-client/apps/demo/src/app/app.component.html
index a7c87ba43efe92cefa2d6d772ea7c7ccc2cfb81a..9612d07c43e6d89c238b6821fdf7d79d6852fd41 100644
--- a/alfa-client/apps/demo/src/app/app.component.html
+++ b/alfa-client/apps/demo/src/app/app.component.html
@@ -48,14 +48,14 @@
         <div class="mt-4">
           <ods-button class="w-72" [isLoading]="false">
             <ods-icon icon name="file-generate" class="size-10 fill-primary" />
-            <ods-spinner spinner class="size-10" />
+            <ods-spinner-icon spinner class="size-10" />
             <p text class="text-center">Bescheid-Dokument<br />automatisch erstellen</p></ods-button
           >
         </div>
         <div class="mt-4">
           <ods-button class="w-72" [isLoading]="true">
             <ods-icon icon name="file-generate" class="size-10 fill-primary" />
-            <ods-spinner spinner class="size-10" />
+            <ods-spinner-icon spinner class="size-10" />
             <p text class="text-center">Bescheid-Dokument<br />automatisch erstellen</p></ods-button
           >
         </div>
@@ -63,14 +63,14 @@
         <div class="mt-4">
           <ods-file-upload-button class="w-72" [isLoading]="false" id="upload117">
             <ods-icon icon name="file-upload" class="size-10 fill-primary" />
-            <ods-spinner spinner class="size-10" />
+            <ods-spinner-icon spinner class="size-10" />
             <p text class="text-center">Bescheid-Dokument<br />hochladen</p></ods-file-upload-button
           >
         </div>
         <div class="mt-4">
           <ods-file-upload-button class="w-72" [isLoading]="true" id="upload117">
             <ods-icon icon name="file-upload" class="size-10 fill-primary" />
-            <ods-spinner spinner class="size-10" />
+            <ods-spinner-icon spinner class="size-10" />
             <p text class="text-center">Bescheid-Dokument<br />hochladen</p></ods-file-upload-button
           >
         </div>
@@ -78,14 +78,14 @@
         <div class="mt-4">
           <ods-file-upload-button class="w-72" [isLoading]="false" id="upload129">
             <ods-icon icon name="attachment" class="h-6 w-10 fill-primary" />
-            <ods-spinner spinner class="h-6 w-10" />
+            <ods-spinner-icon spinner class="h-6 w-10" />
             <div text class="text-center">Anhang hochladen</div></ods-file-upload-button
           >
         </div>
         <div class="mt-4">
           <ods-file-upload-button class="w-72" [isLoading]="true" id="upload130">
             <ods-icon icon name="attachment" class="h-6 w-10 fill-primary" />
-            <ods-spinner spinner class="h-6 w-10" />
+            <ods-spinner-icon spinner class="h-6 w-10" />
             <div text class="text-center">Anhang hochladen</div></ods-file-upload-button
           >
         </div>
diff --git a/alfa-client/apps/demo/src/app/app.component.ts b/alfa-client/apps/demo/src/app/app.component.ts
index e494a6e49f4778468e06d5098834f1284a57d2fe..592b72d0e4cf98c82c8ee23a793773a96d582901 100644
--- a/alfa-client/apps/demo/src/app/app.component.ts
+++ b/alfa-client/apps/demo/src/app/app.component.ts
@@ -9,7 +9,7 @@ import {
   FileUploadButtonComponent,
   IconComponent,
   RadioButtonCardComponent,
-  SpinnerComponent,
+  SpinnerIconComponent,
   TestbtnComponent,
 } from 'design-system';
 
@@ -35,7 +35,7 @@ import { CustomStepperComponent } from './components/cdk-demo/custom-stepper.com
     RadioButtonCardComponent,
     ReactiveFormsModule,
     IconComponent,
-    SpinnerComponent,
+    SpinnerIconComponent,
   ],
   selector: 'app-root',
   templateUrl: './app.component.html',
diff --git a/alfa-client/libs/design-system/src/index.ts b/alfa-client/libs/design-system/src/index.ts
index 397a9c25ecaf0d0cf59b397abf064dc35b2165ee..54bb86b25c855e32b46201405304116f72a8c3a8 100644
--- a/alfa-client/libs/design-system/src/index.ts
+++ b/alfa-client/libs/design-system/src/index.ts
@@ -3,5 +3,5 @@ export * from './lib/button/button.component';
 export * from './lib/form/file-upload-button/file-upload-button.component';
 export * from './lib/form/radio-button-card/radio-button-card.component';
 export * from './lib/icon/icon.component';
-export * from './lib/spinner/spinner.component';
+export * from './lib/icons/spinner-icon/spinner-icon.component';
 export * from './lib/testbtn/testbtn.component';
diff --git a/alfa-client/libs/design-system/src/lib/button/button.component.ts b/alfa-client/libs/design-system/src/lib/button/button.component.ts
index 6240c252d528d4013110ae53fc180b3ee5c45e9f..665e7008eb856db8e59baa6509efd3485779d199 100644
--- a/alfa-client/libs/design-system/src/lib/button/button.component.ts
+++ b/alfa-client/libs/design-system/src/lib/button/button.component.ts
@@ -1,11 +1,10 @@
 import { CommonModule } from '@angular/common';
 import { Component, Input } from '@angular/core';
-import { IconComponent, SpinnerComponent } from 'design-system';
 
 @Component({
   selector: 'ods-button',
   standalone: true,
-  imports: [CommonModule, SpinnerComponent, IconComponent],
+  imports: [CommonModule],
   styles: [':host {@apply inline-flex}'],
   templateUrl: './button.component.html',
 })
diff --git a/alfa-client/libs/design-system/src/lib/form/file-upload-button/file-upload-button.component.ts b/alfa-client/libs/design-system/src/lib/form/file-upload-button/file-upload-button.component.ts
index 58d337fa6852ddc0903854416c2d6b497d75dc25..03116658b762177e8e1338f6d44549ca0707db45 100644
--- a/alfa-client/libs/design-system/src/lib/form/file-upload-button/file-upload-button.component.ts
+++ b/alfa-client/libs/design-system/src/lib/form/file-upload-button/file-upload-button.component.ts
@@ -1,11 +1,10 @@
 import { CommonModule } from '@angular/common';
 import { Component, ElementRef, Input, ViewChild } from '@angular/core';
-import { IconComponent, SpinnerComponent } from 'design-system';
 
 @Component({
   selector: 'ods-file-upload-button',
   standalone: true,
-  imports: [CommonModule, SpinnerComponent, IconComponent],
+  imports: [CommonModule],
   styles: [':host {@apply inline-flex}'],
   templateUrl: './file-upload-button.component.html',
 })
diff --git a/alfa-client/libs/design-system/src/lib/icon/icon.component.html b/alfa-client/libs/design-system/src/lib/icon/icon.component.html
index e026772fa51eca3d0cbc5bdad105d12539550b5e..02b09b736e935ab9de2acdaa69f0ecc0bc1bb620 100644
--- a/alfa-client/libs/design-system/src/lib/icon/icon.component.html
+++ b/alfa-client/libs/design-system/src/lib/icon/icon.component.html
@@ -149,7 +149,6 @@
           stroke-linecap="round"
         />
       </g>
-      <g *ngSwitchCase="'spinner'" ods-spinner></g>
       <path
         *ngSwitchCase="'upload'"
         d="M15 24V15.85L12.4 18.45L11 17L16 12L21 17L19.6 18.45L17 15.85V24H15ZM10 28C9.45 28 8.97917 27.8042 8.5875 27.4125C8.19583 27.0208 8 26.55 8 26V23H10V26H22V23H24V26C24 26.55 23.8042 27.0208 23.4125 27.4125C23.0208 27.8042 22.55 28 22 28H10Z"
diff --git a/alfa-client/libs/design-system/src/lib/icon/icon.component.ts b/alfa-client/libs/design-system/src/lib/icon/icon.component.ts
index 3be1c1ce7f0d3f28eed0c53fc7aff4bb8db85963..769f8b82fcbd74ac1b1a8d77fe067708c0a1d992 100644
--- a/alfa-client/libs/design-system/src/lib/icon/icon.component.ts
+++ b/alfa-client/libs/design-system/src/lib/icon/icon.component.ts
@@ -1,11 +1,10 @@
 import { CommonModule } from '@angular/common';
 import { Component, Input } from '@angular/core';
-import { SpinnerComponent } from '../spinner/spinner.component';
 
 @Component({
   selector: 'ods-icon',
   standalone: true,
-  imports: [CommonModule, SpinnerComponent],
+  imports: [CommonModule],
   templateUrl: './icon.component.html',
 })
 export class IconComponent {
diff --git a/alfa-client/libs/design-system/src/lib/spinner/spinner.component.html b/alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.html
similarity index 100%
rename from alfa-client/libs/design-system/src/lib/spinner/spinner.component.html
rename to alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.html
diff --git a/alfa-client/libs/design-system/src/lib/spinner/spinner.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.spec.ts
similarity index 51%
rename from alfa-client/libs/design-system/src/lib/spinner/spinner.component.spec.ts
rename to alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.spec.ts
index be2f9d9d1a58a34aeb50c56b390f41189224af17..b1f9872e2549cf0d929c6f8543a05e20059b9749 100644
--- a/alfa-client/libs/design-system/src/lib/spinner/spinner.component.spec.ts
+++ b/alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.spec.ts
@@ -1,16 +1,16 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SpinnerComponent } from './spinner.component';
+import { SpinnerIconComponent } from './spinner-icon.component';
 
-describe('SpinnerComponent', () => {
-  let component: SpinnerComponent;
-  let fixture: ComponentFixture<SpinnerComponent>;
+describe('SpinnerIconComponent', () => {
+  let component: SpinnerIconComponent;
+  let fixture: ComponentFixture<SpinnerIconComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [SpinnerComponent],
+      imports: [SpinnerIconComponent],
     }).compileComponents();
 
-    fixture = TestBed.createComponent(SpinnerComponent);
+    fixture = TestBed.createComponent(SpinnerIconComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7a5b23d55392e96716dee793925e31be54c0172b
--- /dev/null
+++ b/alfa-client/libs/design-system/src/lib/icons/spinner-icon/spinner-icon.component.ts
@@ -0,0 +1,10 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'ods-spinner-icon',
+  standalone: true,
+  imports: [CommonModule],
+  templateUrl: './spinner-icon.component.html',
+})
+export class SpinnerIconComponent {}
diff --git a/alfa-client/libs/design-system/src/lib/spinner/spinner.component.ts b/alfa-client/libs/design-system/src/lib/spinner/spinner.component.ts
deleted file mode 100644
index fe7d0e95ae5cc3880e68abb56745ee17210d4424..0000000000000000000000000000000000000000
--- a/alfa-client/libs/design-system/src/lib/spinner/spinner.component.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-@Component({
-  selector: '[ods-spinner], ods-spinner',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './spinner.component.html',
-})
-export class SpinnerComponent {
-  @Input() size: string = '100%';
-}
diff --git a/alfa-client/libs/design-system/src/lib/spinner/spinner.stories.ts b/alfa-client/libs/design-system/src/lib/spinner/spinner.stories.ts
deleted file mode 100644
index f08cd72ad95f9498a97f68cc35f031dc23bde9ac..0000000000000000000000000000000000000000
--- a/alfa-client/libs/design-system/src/lib/spinner/spinner.stories.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-
-import { SpinnerComponent } from './spinner.component';
-
-const meta: Meta<SpinnerComponent> = {
-  title: 'Spinner',
-  component: SpinnerComponent,
-  excludeStories: /.*Data$/,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<SpinnerComponent>;
-
-export const Default: Story = {
-  args: { size: '30', stroke: 'black' },
-};
diff --git a/alfa-client/libs/design-ui/src/lib/file-upload-field/file-upload-field.component.html b/alfa-client/libs/design-ui/src/lib/file-upload-field/file-upload-field.component.html
index 60a53d09448648a47471a77b9afe176009853602..ff0eb20194f2baa5359215a98dd86badaaf49183 100644
--- a/alfa-client/libs/design-ui/src/lib/file-upload-field/file-upload-field.component.html
+++ b/alfa-client/libs/design-ui/src/lib/file-upload-field/file-upload-field.component.html
@@ -9,8 +9,9 @@
   [accept]="accept"
   [dataTestId]="(label | convertForDataTest) + '-file-upload-input'"
   [isLoading]="uploadInProgress.loading"
+  class="w-72"
 >
-  <odsui-spinner spinner class="h-6 w-10" stroke="black" />
+  <ods-spinner-icon spinner class="h-6 w-10" />
   <ods-icon icon name="attachment" class="h-6 w-10 fill-primary" />
   <p text class="text-center">{{ label }}</p>
 </ods-file-upload-button>
diff --git a/alfa-client/libs/design-ui/src/lib/file-upload-field/file-upload-field.component.ts b/alfa-client/libs/design-ui/src/lib/file-upload-field/file-upload-field.component.ts
index f7b19f047052c9d19b088f29890e947b9e963c74..5bf0d12334a99c5caf9e75823d3416ca97982f75 100644
--- a/alfa-client/libs/design-ui/src/lib/file-upload-field/file-upload-field.component.ts
+++ b/alfa-client/libs/design-ui/src/lib/file-upload-field/file-upload-field.component.ts
@@ -1,13 +1,17 @@
-import { Component, EventEmitter, HostListener, Input, OnInit, Output } from '@angular/core';
-import { ControlContainer, FormGroupDirective, ReactiveFormsModule, UntypedFormArray, UntypedFormControl } from '@angular/forms';
-import { CommonModule } from '@angular/common';
 import { StateResource, TechSharedModule } from '@alfa-client/tech-shared';
-import { uniqueId } from 'lodash-es';
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, HostListener, Input, OnInit, Output } from '@angular/core';
+import {
+  ControlContainer,
+  FormGroupDirective,
+  ReactiveFormsModule,
+  UntypedFormArray,
+  UntypedFormControl,
+} from '@angular/forms';
 import { Resource } from '@ngxp/rest';
+import { uniqueId } from 'lodash-es';
 
-import { FileUploadButtonComponent, IconComponent } from 'design-system';
-import { SpinnerComponent } from 'design-ui';
-
+import { FileUploadButtonComponent, IconComponent, SpinnerIconComponent } from 'design-system';
 
 import { FormControlEditorAbstractComponent } from '../formcontrol-editor.abstract.component';
 
@@ -16,12 +20,16 @@ import { FormControlEditorAbstractComponent } from '../formcontrol-editor.abstra
   standalone: true,
   templateUrl: './file-upload-field.component.html',
   viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }],
-  imports: [CommonModule, FileUploadButtonComponent, ReactiveFormsModule, IconComponent, SpinnerComponent, TechSharedModule]
+  imports: [
+    CommonModule,
+    FileUploadButtonComponent,
+    ReactiveFormsModule,
+    IconComponent,
+    TechSharedModule,
+    SpinnerIconComponent,
+  ],
 })
-export class FileUploadFieldComponent
-extends FormControlEditorAbstractComponent
-implements OnInit
-{
+export class FileUploadFieldComponent extends FormControlEditorAbstractComponent implements OnInit {
   @Input() parentFormArrayName!: string;
   @Input() uploadInProgress!: StateResource<Resource>;
   @Input() label: string = '';
@@ -38,7 +46,7 @@ implements OnInit
 
   @HostListener('change', ['$event.target.files']) emitFiles(event: FileList): void {
     const file = event && event.item(0);
-    if(file) this.upload(file);
+    if (file) this.upload(file);
   }
 
   constructor(public parentForm: FormGroupDirective) {
diff --git a/alfa-client/libs/design-ui/src/lib/spinner/spinner.component.html b/alfa-client/libs/design-ui/src/lib/spinner/spinner.component.html
index a2f76d77fac9a5a06bccd2702a7ebf9fab2f9fcc..94e0204532252bd8f2b85f56c885a77967432c7e 100644
--- a/alfa-client/libs/design-ui/src/lib/spinner/spinner.component.html
+++ b/alfa-client/libs/design-ui/src/lib/spinner/spinner.component.html
@@ -1 +1 @@
-<ods-spinner *ngIf="showSpinner" />
\ No newline at end of file
+<ods-spinner-icon *ngIf="showSpinner" />
diff --git a/alfa-client/libs/design-ui/src/lib/spinner/spinner.component.ts b/alfa-client/libs/design-ui/src/lib/spinner/spinner.component.ts
index e9e576bcb09ca453bd796fd70b5c506eca62b765..a630e68bdf04963f225e2ae70397816eb0fc243f 100644
--- a/alfa-client/libs/design-ui/src/lib/spinner/spinner.component.ts
+++ b/alfa-client/libs/design-ui/src/lib/spinner/spinner.component.ts
@@ -1,13 +1,13 @@
-import { Component, Input } from '@angular/core';
+import { StateResource, createEmptyStateResource } from '@alfa-client/tech-shared';
 import { CommonModule } from '@angular/common';
-import { createEmptyStateResource, StateResource } from '@alfa-client/tech-shared';
+import { Component, Input } from '@angular/core';
 import { Resource } from '@ngxp/rest';
-import { SpinnerComponent as DesignSpinner } from 'design-system';
+import { SpinnerIconComponent } from 'design-system';
 
 @Component({
   selector: 'odsui-spinner',
   standalone: true,
-  imports: [CommonModule, DesignSpinner],
+  imports: [CommonModule, SpinnerIconComponent],
   templateUrl: './spinner.component.html',
 })
 export class SpinnerComponent {
diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-attachment-hochladen/vorgang-detail-bescheiden-attachment-hochladen.component.html b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-attachment-hochladen/vorgang-detail-bescheiden-attachment-hochladen.component.html
index ad2f92e1c22ec686afe6c843ff426d721608cbd5..2d19c391af5d06a254f6241a5ef9e56c45f6c834 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-attachment-hochladen/vorgang-detail-bescheiden-attachment-hochladen.component.html
+++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-attachment-hochladen/vorgang-detail-bescheiden-attachment-hochladen.component.html
@@ -1,4 +1,4 @@
-<div [formGroup]="formService.form">
+<div [formGroup]="formService.form" class="mt-4">
   <odsui-file-upload-field
     [attr.data-test-id]="'vorgang-bescheiden-upload-editor' + formServiceClass.FIELD_ATTACHMENTS"
     [parentFormArrayName]="formServiceClass.FIELD_ATTACHMENTS"
diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-bescheid-automatisch-erstellen/vorgang-detail-bescheiden-bescheid-automatisch-erstellen.component.html b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-bescheid-automatisch-erstellen/vorgang-detail-bescheiden-bescheid-automatisch-erstellen.component.html
index 095c658e026b132ad41b4f8cb8f8428e131fcc5f..6e168ad6ecc870b23a5d6d92ff5d92dfaa637fa8 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-bescheid-automatisch-erstellen/vorgang-detail-bescheiden-bescheid-automatisch-erstellen.component.html
+++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-bescheid-automatisch-erstellen/vorgang-detail-bescheiden-bescheid-automatisch-erstellen.component.html
@@ -14,6 +14,13 @@
       data-test-id="create-bescheid-document"
     >
     </ozgcloud-button-with-spinner>
+    <div class="mt-4">
+      <ods-button class="w-72" [isLoading]="false">
+        <ods-icon icon name="file-generate" class="size-10 fill-primary" />
+        <ods-spinner-icon spinner class="size-10" />
+        <p text class="text-center">Bescheid-Dokument<br />automatisch erstellen</p></ods-button
+      >
+    </div>
     <!-- -->
   </ng-container>
   <ng-container *ngIf="existsBescheidDocument$ | async">
diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-dokumente-hinzufuegen.component.html b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-dokumente-hinzufuegen.component.html
index 06bc4c0524568cdab5a5dbb2e6d310aafaccd9d6..144d04460dd33ff3822f784cdc12ca05b23095b2 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-dokumente-hinzufuegen.component.html
+++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-dokumente-hinzufuegen.component.html
@@ -1,4 +1,4 @@
-<div>
+<div class="flex flex-col gap-4">
   <alfa-vorgang-detail-bescheiden-bescheid-automatisch-erstellen></alfa-vorgang-detail-bescheiden-bescheid-automatisch-erstellen>
   <alfa-vorgang-detail-bescheiden-dokument-hochladen
     [bescheidDraftStateResource]="bescheidDraftStateResource$ | async"
diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts
index b6a2aef53529dd5fd72f62d2e4da51ece94adad0..fa14ac1905cbf1de1596c69dadc8a9d846f9aee2 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts
+++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts
@@ -40,7 +40,8 @@ import { WiedervorlageModule } from '@alfa-client/wiedervorlage';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { RadioButtonCardComponent } from 'design-system';
+import { ButtonComponent, RadioButtonCardComponent } from 'design-system';
+import { FileUploadFieldComponent } from 'design-ui';
 import { AktenzeichenEditDialogComponent } from './aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component';
 import { AktenzeichenEditableComponent } from './aktenzeichen-editable/aktenzeichen-editable.component';
 import { AbschliessenButtonComponent } from './buttons/abschliessen-button/abschliessen-button.component';
@@ -89,7 +90,6 @@ import { VorgangDetailMoreMenuComponent } from './vorgang-detail-page/vorgang-de
 import { VorgangExportContainerComponent } from './vorgang-detail-page/vorgang-detail-more-menu/vorgang-export-container/vorgang-export-container.component';
 import { ProcessVorgangContainerComponent } from './vorgang-detail-page/vorgang-detail-more-menu/vorgang-process-vorgang-container/vorgang-process-vorgang-container.component';
 import { VorgangDetailPageComponent } from './vorgang-detail-page/vorgang-detail-page.component';
-import { FileUploadFieldComponent } from 'design-ui';
 
 const routes: Routes = [
   {
@@ -119,7 +119,8 @@ const routes: Routes = [
     LoeschAnforderungSharedModule,
     BescheidModule,
     RadioButtonCardComponent,
-    FileUploadFieldComponent
+    FileUploadFieldComponent,
+    ButtonComponent,
   ],
   declarations: [
     VorgangDetailPageComponent,