diff --git a/frontend/src/app/component/tweets/tweets.component.html b/frontend/src/app/component/tweets/tweets.component.html
index 819d346..de9beeb 100644
--- a/frontend/src/app/component/tweets/tweets.component.html
+++ b/frontend/src/app/component/tweets/tweets.component.html
@@ -28,7 +28,7 @@
       </div>
     </div>
     <div class="text-center">
-      <button (click)="loadMore()" mat-button color="primary">Mehr laden</button>
+      <button class="more" (click)="loadMore()" mat-button color="primary">Mehr laden</button>
     </div>
   </div>
 </div>
diff --git a/frontend/src/app/component/tweets/tweets.component.spec.ts b/frontend/src/app/component/tweets/tweets.component.spec.ts
index 1fdc45c..1e455a5 100644
--- a/frontend/src/app/component/tweets/tweets.component.spec.ts
+++ b/frontend/src/app/component/tweets/tweets.component.spec.ts
@@ -1,5 +1,5 @@
 import {TweetsComponent} from './tweets.component';
-import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import {async, ComponentFixture, fakeAsync, TestBed, tick} from '@angular/core/testing';
 import {HttpClient} from '@angular/common/http';
 import {MatSnackBar} from '@angular/material/snack-bar';
 import {NGXLogger} from 'ngx-logger';
@@ -107,4 +107,20 @@ describe('Component: Tweets', () => {
     component.loadMore();
     expect(component.tweets.length).toEqual(18);
   });
+
+  it('load more button visible', () => {
+    expect(expect(fixture.debugElement.query(By.css('.more'))).toBeDefined());
+  });
+
+  it('load more being called after button press', () => {
+    fakeAsync(() => {
+      spyOn(component, 'loadMore');
+
+      const button = fixture.debugElement.nativeElement.querySelector('button');
+      button.click();
+      tick();
+      expect(component.loadMore).toHaveBeenCalled();
+    });
+  });
+
 });