diff --git a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen/watermark-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen/watermark-screen.component.html
index d8c1d1acd..c0a2d0a50 100644
--- a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen/watermark-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen/watermark-screen.component.html
@@ -56,15 +56,13 @@
             <div class="flex">
                 <div class="alignment-buttons" [class.disabled]="form.controls.horizontalTextAlignment.disabled">
                     <div
-                        (click)="alignHorizontally(alignment)"
                         *ngFor="let alignment of watermarkHorizontalAlignments"
                         [class.active]="currentAlignment.horizontal === alignment"
                         [matTooltipPosition]="'above'"
                         [matTooltip]="translations.HORIZONTAL[alignment] | translate"
                         [ngClass]="'horizontal-' + alignment.toLowerCase()"
-                        [matTooltip]="translations.HORIZONTAL[alignment] | translate"
-                        [matTooltipPosition]="'above'"
                         [class.disabled]="form.controls.horizontalTextAlignment.disabled"
+                        class="alignment"
                         (click)="alignHorizontally(alignment)"
                     >
                         <mat-icon [svgIcon]="'red:align-horizontal-' + alignment.toLowerCase()"></mat-icon>
@@ -72,15 +70,13 @@
                 </div>
                 <div class="alignment-buttons" [class.disabled]="form.controls.verticalTextAlignment.disabled">
                     <div
-                        (click)="alignVertically(alignment)"
                         *ngFor="let alignment of watermarkVerticalAlignments"
                         [class.active]="currentAlignment.vertical === alignment"
                         [matTooltipPosition]="'above'"
                         [matTooltip]="translations.VERTICAL[alignment] | translate"
                         [ngClass]="'vertical-' + alignment.toLowerCase()"
-                        [matTooltip]="translations.VERTICAL[alignment] | translate"
-                        [matTooltipPosition]="'above'"
                         [class.disabled]="form.controls.verticalTextAlignment.disabled"
+                        class="alignment"
                         (click)="alignVertically(alignment)"
                     >
                         <mat-icon [svgIcon]="'red:align-vertical-' + alignment.toLowerCase()"></mat-icon>