diff --git a/src/app/showcase/doc/blockui/importdoc.ts b/src/app/showcase/doc/blockui/importdoc.ts
index 574b618d5d7..c00b0b846d4 100644
--- a/src/app/showcase/doc/blockui/importdoc.ts
+++ b/src/app/showcase/doc/blockui/importdoc.ts
@@ -4,9 +4,7 @@ import { Code } from '../../domain/code';
 @Component({
     selector: 'import-doc',
     template: ` <section class="py-3">
-        <app-docsectiontext [title]="title" [id]="id">
-            <p>Content of the badge is specified using the <i>value</i> property.</p>
-        </app-docsectiontext>
+        <app-docsectiontext [title]="title" [id]="id" />
         <app-code [code]="code" [hideToggleCode]="true"></app-code>
     </section>`
 })
diff --git a/src/app/showcase/doc/dynamicdialog/basicdoc.ts b/src/app/showcase/doc/dynamicdialog/basicdoc.ts
index a73b86c32ba..6c2af071afc 100644
--- a/src/app/showcase/doc/dynamicdialog/basicdoc.ts
+++ b/src/app/showcase/doc/dynamicdialog/basicdoc.ts
@@ -10,8 +10,8 @@ import { ProductListDemo } from './productlistdemo';
     template: ` <section class="py-3">
         <app-docsectiontext [title]="title" [id]="id">
             <p>
-                Dynamic dialogs require an instance of a <i>DialogService</i> that is responsible for displaying a dialog with a component as its content. Calling <i>open</i> method of <i>DialogService</i> will display dynamic dialog. First parameter of <i>open</i> method is the type of component to load and the second parameter is
-                the configuration of the Dialog such as <i>header</i>, <i>width</i> and more.
+                Dynamic dialogs require an instance of a <i>DialogService</i> that is responsible for displaying a dialog with a component as its content. Calling <i>open</i> method of <i>DialogService</i> will display dynamic dialog. First parameter
+                of <i>open</i> method is the type of component to load and the second parameter is the configuration of the Dialog such as <i>header</i>, <i>width</i> and more.
             </p>
         </app-docsectiontext>
         <div class="card flex justify-content-center">
diff --git a/src/app/showcase/doc/megamenu/basicdoc.ts b/src/app/showcase/doc/megamenu/basicdoc.ts
index 9ac07425273..5550c15d4e9 100644
--- a/src/app/showcase/doc/megamenu/basicdoc.ts
+++ b/src/app/showcase/doc/megamenu/basicdoc.ts
@@ -12,7 +12,7 @@ import { Code } from '../../domain/code';
             <p-megaMenu [model]="items"></p-megaMenu>
         </div>
         <app-code [code]="code" selector="mega-menu-basic-demo"></app-code>
-    </section>`,
+    </section>`
 })
 export class BasicDoc implements OnInit {
     @Input() id: string;
diff --git a/src/app/showcase/doc/treetable/columnresizefitdoc.ts b/src/app/showcase/doc/treetable/columnresizefitdoc.ts
index b4cc7195119..ed841411a9e 100644
--- a/src/app/showcase/doc/treetable/columnresizefitdoc.ts
+++ b/src/app/showcase/doc/treetable/columnresizefitdoc.ts
@@ -16,7 +16,7 @@ interface Column {
             <p>Columns can be resized with drag and drop when <i>resizableColumns</i> is enabled. Default resize mode is <i>fit</i> that does not change the overall table width.</p>
         </app-docsectiontext>
         <div class="card">
-            <p-treeTable [value]="files" [columns]="cols" [resizableColumns]="true" [tableStyle]="{'min-width': '50rem'}">
+            <p-treeTable [value]="files" [columns]="cols" [resizableColumns]="true" [tableStyle]="{ 'min-width': '50rem' }">
                 <ng-template pTemplate="header" let-columns>
                     <tr>
                         <th *ngFor="let col of columns" ttResizableColumn>
diff --git a/src/app/showcase/doc/treetable/columnresizescrollabledoc.ts b/src/app/showcase/doc/treetable/columnresizescrollabledoc.ts
index 3ce13f862a4..c77a9024926 100644
--- a/src/app/showcase/doc/treetable/columnresizescrollabledoc.ts
+++ b/src/app/showcase/doc/treetable/columnresizescrollabledoc.ts
@@ -15,10 +15,10 @@ interface Column {
             <p>To utilize the column resize modes with a <i>scrollable</i> TreeTable, a <i>colgroup</i> template must be defined. The default value of scrollHeight is "flex," it can also be set as a string value.</p>
         </app-docsectiontext>
         <div class="card">
-            <p-treeTable [value]="files" [columns]="cols" [resizableColumns]="true" [scrollable]="true" scrollHeight="200px" [tableStyle]="{'min-width': '50rem'}">
+            <p-treeTable [value]="files" [columns]="cols" [resizableColumns]="true" [scrollable]="true" scrollHeight="200px" [tableStyle]="{ 'min-width': '50rem' }">
                 <ng-template pTemplate="colgroup" let-columns>
                     <colgroup>
-                        <col *ngFor="let col of columns">
+                        <col *ngFor="let col of columns" />
                     </colgroup>
                 </ng-template>
                 <ng-template pTemplate="header" let-columns>
diff --git a/src/app/showcase/layout/app.component.ts b/src/app/showcase/layout/app.component.ts
index b8c37b6d580..1c065767050 100644
--- a/src/app/showcase/layout/app.component.ts
+++ b/src/app/showcase/layout/app.component.ts
@@ -11,7 +11,7 @@ import Announcement from '../data/news.json';
 })
 export class AppComponent implements OnInit, OnDestroy {
     constructor(@Inject(DOCUMENT) private document: Document, @Inject(PLATFORM_ID) private platformId: any, private renderer: Renderer2, private configService: AppConfigService, private router: Router) {
-        if(isPlatformBrowser(platformId) && window && process.env.NODE_ENV === 'production'){
+        if (isPlatformBrowser(platformId) && window && process.env.NODE_ENV === 'production') {
             this.injectScripts();
         }
         this.handleRouteEvents();
diff --git a/src/app/showcase/pages/megamenu/megamenudemo.ts b/src/app/showcase/pages/megamenu/megamenudemo.ts
index c501f63d486..826c31dd657 100755
--- a/src/app/showcase/pages/megamenu/megamenudemo.ts
+++ b/src/app/showcase/pages/megamenu/megamenudemo.ts
@@ -8,13 +8,15 @@ import { AccessibilityDoc } from '../../doc/megamenu/accessibilitydoc';
 
 @Component({
     templateUrl: './megamenudemo.html',
-    styles: [`
-        :host ::ng-deep{
-            .p-megamenu-panel {
-                z-index: 3;
+    styles: [
+        `
+            :host ::ng-deep {
+                .p-megamenu-panel {
+                    z-index: 3;
+                }
             }
-        }
-    `]
+        `
+    ]
 })
 export class MegaMenuDemo {
     docs = [