diff --git a/src/app/components/shared/footer/footer.component.html b/src/app/components/shared/footer/footer.component.html
index 99a99e97db910920033695fa01b04527965a867f..999f6b9a0594ee9bdfbab6393489513e2d51b325 100644
--- a/src/app/components/shared/footer/footer.component.html
+++ b/src/app/components/shared/footer/footer.component.html
@@ -47,7 +47,7 @@
     <mat-menu class="color-menu" #themeMenu="matMenu" [overlapTrigger]="false">
       <mat-grid-list cols="2">
         <mat-grid-tile *ngFor="let theme of themes">
-          <button mat-icon-button [ngStyle]="{'color':theme.previewColor}" (click)="changeTheme(theme)">
+          <button mat-icon-button class="color-button" [ngStyle]="{'color':theme.previewColor}" (click)="changeTheme(theme)">
             <mat-icon class="color-icon" matTooltip="{{theme.name}}">lens</mat-icon>
             <mat-icon *ngIf="themeClass === theme.name" class="check">check_circle</mat-icon>
           </button>