diff --git a/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.html b/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.html
index d29c46e6c02f..1c7637eb8455 100644
--- a/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.html
+++ b/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.html
@@ -108,7 +108,11 @@ <h4 class="modal-title" jhiTranslate="artemisApp.modelingEditor.helpModal.title"
         }
     </div>
     @if (readOnly) {
-        <div class="d-flex align-items-center justify-content-center readonly-diagram" [innerHtml]="readOnlySVG" [style.margin-top]="isFullScreen ? '30px' : ''"></div>
+        <div
+            class="d-flex align-items-center justify-content-center readonly-diagram scroll-container"
+            [innerHtml]="readOnlySVG"
+            [ngClass]="{ 'full-screen-margin': isFullScreen }"
+        ></div>
     }
 
     @if (withExplanation) {
diff --git a/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.scss b/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.scss
index b15f7440d9e6..788be9f011a2 100644
--- a/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.scss
+++ b/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.scss
@@ -49,7 +49,24 @@ $draggable-width: 15px;
 
 .readonly-diagram {
     height: 100%;
-    overflow: hidden;
+    overflow-x: auto;
+    overflow-y: auto;
+}
+
+.scroll-container {
+    scrollbar-width: thin; /* Firefox */
+    &::-webkit-scrollbar {
+        width: 6px; /* WebKit */
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-color: rgba(0, 0, 0, 0.2);
+        border-radius: 3px;
+    }
+}
+
+.full-screen-margin {
+    margin-top: 30px;
 }
 
 @keyframes spin {
diff --git a/src/test/playwright/support/pageobjects/exam/ExamExerciseGroupsPage.ts b/src/test/playwright/support/pageobjects/exam/ExamExerciseGroupsPage.ts
index e2f510b6a0f2..4e4379f12817 100644
--- a/src/test/playwright/support/pageobjects/exam/ExamExerciseGroupsPage.ts
+++ b/src/test/playwright/support/pageobjects/exam/ExamExerciseGroupsPage.ts
@@ -22,8 +22,9 @@ export class ExamExerciseGroupsPage {
     async clickEditGroup(groupID: number) {
         await this.page.click(`#group-${groupID} .edit-group`);
     }
+
     async clickEditGroupForTestExam() {
-        await this.page.getByText('Edit').click();
+        await this.page.getByRole('link', { name: 'Edit' }).click();
     }
 
     async clickDeleteGroup(groupID: number, groupName: string) {