diff --git a/goofy-client/libs/navigation/src/lib/navigation/navigation.component.spec.ts b/goofy-client/libs/navigation/src/lib/navigation/navigation.component.spec.ts
index 545242e81752d5ac59eee96bbbd925766a30afa0..105807b506f350d3d60c24b9695dbb8ef7055de2 100644
--- a/goofy-client/libs/navigation/src/lib/navigation/navigation.component.spec.ts
+++ b/goofy-client/libs/navigation/src/lib/navigation/navigation.component.spec.ts
@@ -5,7 +5,7 @@ import { AppService } from '@goofy-client/app-shared';
 import { mock } from '@goofy-client/test-utils';
 import { BehaviorSubject } from 'rxjs';
 import { NavigationComponent } from './navigation.component';
-import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 describe('NavigationComponent', () => {
 	let component: NavigationComponent;
diff --git a/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss b/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss
index a5ed754361c553044e8af3e73dedf5c7ef9b0647..8295aadf7fbd9da4672a54b6d130f084d3ad441e 100644
--- a/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss
+++ b/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss
@@ -1,3 +1,6 @@
+@import "breakpoints";
+@import "~include-media/dist/include-media";
+
 :host {
 	position: relative;
 	display: block;
@@ -12,12 +15,23 @@
 
 .vorgang-detail-body {
 	display: flex;
+	flex-direction: column;
+
+	@include media('>desktop') {
+		flex-direction: row;
+	}
 }
 
 .section {
-	width: 50%;
+	width: 100%;
+	flex-shrink: 0;
+	flex-grow: 0;
 	padding: 0 16px;
 
+	@include media('>desktop') {
+		width: 50%;
+	}
+
 	&:last-child {
 		margin-right: 8px;
 	}