diff --git a/web/src/app/shared/components/master-and-detail/master-and-detail.component.scss b/web/src/app/shared/components/master-and-detail/master-and-detail.component.scss
index 2d6bf9a0b..a69a81a11 100644
--- a/web/src/app/shared/components/master-and-detail/master-and-detail.component.scss
+++ b/web/src/app/shared/components/master-and-detail/master-and-detail.component.scss
@@ -10,9 +10,8 @@
   }
 
   &__task-details {
+    display: flex;
     flex-grow: 1;
-    min-width: calc(920px - 500px);
-    height: calc(100vh - 56px);
   }
 
   &__empty-page {
diff --git a/web/src/app/workplace/components/task-processing/task-processing.component.scss b/web/src/app/workplace/components/task-processing/task-processing.component.scss
index 9374994b1..61543f08e 100644
--- a/web/src/app/workplace/components/task-processing/task-processing.component.scss
+++ b/web/src/app/workplace/components/task-processing/task-processing.component.scss
@@ -1,5 +1,9 @@
 @import 'src/theme/_colors.scss';
 
+:host {
+  flex-grow: 1;
+}
+
 .task-processing {
   height: 100%;
   display: flex;