diff --git a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
index d00ea917..b71cf356 100644
--- a/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
+++ b/client/src/pages/cockpit/assignmentEvaluationPage/AssignmentEvaluationPage.vue
@@ -94,8 +94,8 @@ const assignment = computed(
         v-if="assignment && assignmentCompletion && state.assignmentUser"
         class="relative"
       >
-        <div class="h-content flex">
-          <div class="h-full w-1/2 overflow-y-auto bg-white">
+        <div class="h-content flex flex-col sm:flex-row">
+          <div class="h-full overflow-y-auto bg-white sm:w-1/2">
             <!-- Left part content goes here -->
             <div class="p-10" data-cy="student-submission">
               <h3>Ergebnisse</h3>
@@ -117,7 +117,7 @@ const assignment = computed(
               ></AssignmentSubmissionResponses>
             </div>
           </div>
-          <div class="w-1/2 overflow-y-auto bg-gray-200">
+          <div class="overflow-y-auto bg-gray-200 sm:w-1/2">
             <EvaluationContainer
               :assignment-completion="assignmentCompletion"
               :assignment-user="state.assignmentUser"