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 050bd5ee1..eb02b8739 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
@@ -60,6 +60,8 @@
class="alignment"
[class.active]="currentAlignment.horizontal === alignment"
[ngClass]="'horizontal-' + alignment.toLowerCase()"
+ [matTooltip]="translations.HORIZONTAL[alignment] | translate"
+ [matTooltipPosition]="'above'"
(click)="alignHorizontally(alignment)"
>
@@ -71,6 +73,8 @@
class="alignment"
[class.active]="currentAlignment.vertical === alignment"
[ngClass]="'vertical-' + alignment.toLowerCase()"
+ [matTooltip]="translations.VERTICAL[alignment] | translate"
+ [matTooltipPosition]="'above'"
(click)="alignVertically(alignment)"
>
diff --git a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark.module.ts b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark.module.ts
index 02c8c9e28..9df82e8c9 100644
--- a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark.module.ts
+++ b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark.module.ts
@@ -26,6 +26,7 @@ import { ReactiveFormsModule } from '@angular/forms';
import { MatLegacySliderModule } from '@angular/material/legacy-slider';
import { ColorPickerModule } from 'ngx-color-picker';
import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggle';
+import { MatTooltipModule } from '@angular/material/tooltip';
const routes: IqserRoutes = [
{
@@ -73,6 +74,7 @@ const routes: IqserRoutes = [
HasScrollbarDirective,
IqserAllowDirective,
TenantPipe,
+ MatTooltipModule,
],
})
export class WatermarkModule {}