Angular [innerHTML] renders content twice

This is is my html:

<p class="description" [innerHTML]="standardData.details.description | safeHtml"></p>


And i will get 2 "p" tags with my html if it's rendered server side,

I Checked the standardData.details.description and it's fine, but i recently updated my angular to version 16, so mayble it's related to that

This is my Pipe:

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';

@Pipe({ name: 'safeHtml' })
export class SafeHtmlPipe implements PipeTransform {
constructor(private sanitized: DomSanitizer) { }
transform(value) {
return value ? this.sanitized.bypassSecurityTrustHtml(value) : '';
}
}

Continue reading...