diff --git a/src/app/handle-page/handle-table/handle-table.component.html b/src/app/handle-page/handle-table/handle-table.component.html
index b326fab10ad..cc5005b1909 100644
--- a/src/app/handle-page/handle-table/handle-table.component.html
+++ b/src/app/handle-page/handle-table/handle-table.component.html
@@ -40,52 +40,54 @@ <h5 class="card-header">{{ 'handle-table.title' | translate }}</h5>
                          [pageInfoState]="handles?.pageInfo"
                          [collectionSize]="handles?.totalElements"
                          [retainScrollPosition]="true">
-            <table class="table table-striped table-bordered align-middle my-2">
-              <thead>
-              <tr>
-                <th scope="col"></th>
-                <th scope="col">{{"handle-table.table.handle" | translate}}</th>
-                <th scope="col">{{"handle-table.table.internal" | translate}}</th>
-                <th scope="col">{{"handle-table.table.url" | translate}}</th>
-                <th scope="col">{{"handle-table.table.resource-type" | translate}}</th>
-                <th scope="col">{{"handle-table.table.resource-id" | translate}}</th>
-              </tr>
-              </thead>
-              <tbody>
-              <tr *ngFor="let handle of handles?.page" [id]="'handle-row-' + handle.id">
-                <td><input class="collection-checkbox" [ngModel]="selectedHandle === handle.id" (change)="switchSelectedHandle(handle.id)" type="checkbox" name="{{handle.id}}"></td>
-                <td class="version-row-element-version">
-                  {{handle?.handle}}
-                </td>
-                <td class="version-row-element-editor">
-                  <span *ngIf="handle?.resourceTypeID == null">
-                    {{ 'handle-table.table.not-internal' | translate }}
-                  </span>
-                  <span *ngIf="handle?.resourceTypeID != null">
-                    {{ 'handle-table.table.is-internal' | translate }}
-                  </span>
-                </td>
-                <td class="version-row-element-editor">
-                  <a *ngIf="handle?.url" [href]="handle?.url" target="_blank" rel="noopener noreferrer">
-                    {{handle?.url}}
-                  </a>
-                </td>
-                <td class="version-row-element-editor">
-                  {{handle?.resourceTypeID}}
-                </td>
-                <td class="version-row-element-editor">
-                  <span *ngIf="handle?.resourceId != null">
-                    <a *ngIf="shouldLink(handle); else noLink" [href]="getHandleTargetPageRoute(handle)" target="_blank" rel="noopener noreferrer">
-                      {{handle?.resourceId}}
+            <div class="table-responsive">
+              <table class="table table-striped table-bordered align-middle my-2">
+                <thead>
+                <tr>
+                  <th scope="col"></th>
+                  <th scope="col">{{"handle-table.table.handle" | translate}}</th>
+                  <th scope="col">{{"handle-table.table.internal" | translate}}</th>
+                  <th scope="col">{{"handle-table.table.url" | translate}}</th>
+                  <th scope="col">{{"handle-table.table.resource-type" | translate}}</th>
+                  <th scope="col">{{"handle-table.table.resource-id" | translate}}</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr *ngFor="let handle of handles?.page" [id]="'handle-row-' + handle.id">
+                  <td><input class="collection-checkbox" [ngModel]="selectedHandle === handle.id" (change)="switchSelectedHandle(handle.id)" type="checkbox" name="{{handle.id}}"></td>
+                  <td class="version-row-element-version">
+                    {{handle?.handle}}
+                  </td>
+                  <td class="version-row-element-editor">
+                    <span *ngIf="handle?.resourceTypeID == null">
+                      {{ 'handle-table.table.not-internal' | translate }}
+                    </span>
+                    <span *ngIf="handle?.resourceTypeID != null">
+                      {{ 'handle-table.table.is-internal' | translate }}
+                    </span>
+                  </td>
+                  <td class="version-row-element-editor">
+                    <a *ngIf="handle?.url" [href]="handle?.url" target="_blank" rel="noopener noreferrer">
+                      {{handle?.url}}
                     </a>
-                    <ng-template #noLink>
-                      {{handle?.resourceId}}
-                    </ng-template>
-                  </span>
-                </td>
-              </tr>
-              </tbody>
-            </table>
+                  </td>
+                  <td class="version-row-element-editor">
+                    {{handle?.resourceTypeID}}
+                  </td>
+                  <td class="version-row-element-editor">
+                    <span *ngIf="handle?.resourceId != null">
+                      <a *ngIf="shouldLink(handle); else noLink" [href]="getHandleTargetPageRoute(handle)" target="_blank" rel="noopener noreferrer">
+                        {{handle?.resourceId}}
+                      </a>
+                      <ng-template #noLink>
+                        {{handle?.resourceId}}
+                      </ng-template>
+                    </span>
+                  </td>
+                </tr>
+                </tbody>
+              </table>
+            </div>
             <ds-loading *ngIf="isLoading" class="text-center"></ds-loading>
           </ds-pagination>
           <div class="mt-2">