diff --git a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
index bb3fd1b0..ad72a035 100644
--- a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
+++ b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
@@ -67,7 +67,7 @@ const assignment = computed(
     <div v-else-if="queryResult.error.value">{{ queryResult.error.value }}</div>
     <div v-else>
       <header
-        class="relative flex h-12 w-full items-center justify-between border-b border-b-gray-400 bg-white px-4 lg:h-16 lg:px-8"
+        class="relative flex h-12 w-full items-center justify-between border-b border-b-gray-400 bg-white px-4 md:h-16 md:px-8"
       >
         <div class="flex items-center text-gray-900">
           <it-icon-assignment class="h-6 w-6"></it-icon-assignment>
@@ -88,7 +88,7 @@ const assignment = computed(
         </button>
       </header>
       <div v-if="assignment && assignmentCompletion && assignmentUser" class="relative">
-        <div class="md:h-content flex flex-col md:flex-row">
+        <div class="flex flex-col md:h-[calc(100vh-64px)] md:flex-row">
           <div
             class="bg-white md:h-full md:overflow-y-auto"
             :class="{ 'md:w-1/2': assignment.needs_expert_evaluation }"
@@ -119,7 +119,7 @@ const assignment = computed(
           </div>
           <div
             v-if="assignment.needs_expert_evaluation"
-            class="order-first bg-gray-200 md:order-last md:w-1/2 md:overflow-y-auto"
+            class="md:h-content order-first bg-gray-200 md:order-last md:w-1/2 md:overflow-y-auto"
           >
             <EvaluationContainer
               :assignment-completion="assignmentCompletion"