diff --git a/src/app/dataset-view/additional-components/data-component/data-component.html b/src/app/dataset-view/additional-components/data-component/data-component.html
index 7fe7fc9e6..420270dcf 100644
--- a/src/app/dataset-view/additional-components/data-component/data-component.html
+++ b/src/app/dataset-view/additional-components/data-component/data-component.html
@@ -149,11 +149,13 @@ <h2 class="box-title align-items-center py-3 m-0">Result:</h2>
             <div class="query-limit mb-4 mt-4 d-flex align-items-center">
                 <p class="mb-0 mr-2">Query Limit: </p>
                 <mat-button-toggle-group
-                  *ngFor="let limit of queryLimits;"
                   name="query-limits"
                   aria-label="Font Style"
+                  class="mr-4"
                 >
-                    <mat-button-toggle (change)="changeLimit(limit)" [checked]="limit === defaultLimit">{{ limit }}</mat-button-toggle>
+                    <ng-container *ngFor="let limit of queryLimits;">
+                        <mat-button-toggle (change)="changeLimit(limit)" [checked]="limit === defaultLimit">{{ limit }}</mat-button-toggle>
+                    </ng-container>
                 </mat-button-toggle-group>
             </div>
 
@@ -166,11 +168,13 @@ <h2 class="box-title align-items-center py-3 m-0">Result:</h2>
             <div class="query-limit mb-4 mt-4 d-flex align-items-center">
                 <p class="mb-0 mr-2">Query Limit: </p>
                 <mat-button-toggle-group
-                  *ngFor="let limit of queryLimits;"
                   name="query-limits"
                   aria-label="Font Style"
+                  class="mr-4"
                 >
-                    <mat-button-toggle (change)="changeLimit(limit)" [checked]="limit === defaultLimit">{{ limit }}</mat-button-toggle>
+                    <ng-container *ngFor="let limit of queryLimits;">
+                        <mat-button-toggle (change)="changeLimit(limit)" [checked]="limit === defaultLimit">{{ limit }}</mat-button-toggle>
+                    </ng-container>
                 </mat-button-toggle-group>
             </div>
         </ng-container>
diff --git a/src/app/dataset-view/dataset.component.spec.ts b/src/app/dataset-view/dataset.component.spec.ts
index 94eb58630..cd095eb19 100644
--- a/src/app/dataset-view/dataset.component.spec.ts
+++ b/src/app/dataset-view/dataset.component.spec.ts
@@ -11,7 +11,6 @@ import { NavigationService } from "../services/navigation.service";
 import { DatasetViewTypeEnum } from "./dataset-view.interface";
 import { of } from "rxjs";
 import { routerMock, routerMockEventSubject } from "../common/base-test.helpers.spec";
-import AppValues from "../common/app.values";
 import { OverviewComponent } from "./additional-components/overview-component/overview-component";
 import { DatasetViewMenuComponent } from "./dataset-view-menu/dataset-view-menu-component";
 import { MatMenuModule } from "@angular/material/menu";