diff --git a/apps/daffio/src/app/docs/components/doc-viewer/doc-viewer.component.html b/apps/daffio/src/app/docs/components/doc-viewer/doc-viewer.component.html
index c8e3026ce6..31836fe1a7 100644
--- a/apps/daffio/src/app/docs/components/doc-viewer/doc-viewer.component.html
+++ b/apps/daffio/src/app/docs/components/doc-viewer/doc-viewer.component.html
@@ -4,31 +4,31 @@
 </button>
 <div class="daffio-doc-viewer__grid">
   <div class="daffio-doc-viewer__content">
-    @if (doc.breadcrumbs?.length > 0) {
-      <nav aria-label="Breadcrumb">
-        <ol daff-breadcrumb>
-          @for (breadcrumb of doc.breadcrumbs; track $index) {
-            <li daffBreadcrumbItem [active]="$last">
-              @if ($last) {
-                {{breadcrumb.label}}
-              } @else {
-                <a [routerLink]="breadcrumb.path">{{breadcrumb.label}}</a>
-              }
-            </li>
-          }
-        </ol>
-      </nav>
-    }
-
-		<ng-content>
-			@if (isApiPackage) {
-				<daffio-api-package [doc]="doc"></daffio-api-package>
-			} @else {
-				<daff-article
-					[innerHtml]="getInnerHtml(doc)">
-				</daff-article>
-			}
-		</ng-content>
+    <daff-article>
+      @if (doc.breadcrumbs?.length > 0) {
+        <nav aria-label="Breadcrumb">
+          <ol daff-breadcrumb>
+            @for (breadcrumb of doc.breadcrumbs; track $index) {
+              <li daffBreadcrumbItem [active]="$last">
+                @if ($last) {
+                  {{breadcrumb.label}}
+                } @else {
+                  <a [routerLink]="breadcrumb.path">{{breadcrumb.label}}</a>
+                }
+              </li>
+            }
+          </ol>
+        </nav>
+      }
+  
+      <ng-content>
+        @if (isApiPackage) {
+          <daffio-api-package [doc]="doc"></daffio-api-package>
+        } @else {
+          <div [innerHtml]="getInnerHtml(doc)"></div>
+        }
+      </ng-content>
+    </daff-article>
   </div>
   @if (isGuideDoc) {
     <daffio-docs-table-of-contents
diff --git a/apps/daffio/src/app/docs/design/pages/component/component.html b/apps/daffio/src/app/docs/design/pages/component/component.html
index 49c36541bb..197fda0a05 100644
--- a/apps/daffio/src/app/docs/design/pages/component/component.html
+++ b/apps/daffio/src/app/docs/design/pages/component/component.html
@@ -18,9 +18,7 @@
 				</daff-tab-label>
 				<daff-tab-panel>
 					@for (apiDoc of doc.api; track $index) {
-						<daff-article
-						[innerHtml]="getInnerHtml(apiDoc)">
-					</daff-article>
+						<div [innerHtml]="getInnerHtml(apiDoc)"></div>
 					}
 				</daff-tab-panel>
 			</daff-tab>