diff --git a/apps/docs/src/app/core/component-docs/text/examples/text-basic.component.ts b/apps/docs/src/app/core/component-docs/text/examples/text-basic.component.ts
index 3b238e478b6..160c5d968bb 100644
--- a/apps/docs/src/app/core/component-docs/text/examples/text-basic.component.ts
+++ b/apps/docs/src/app/core/component-docs/text/examples/text-basic.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'text-basic',
+    selector: 'fd-text-basic',
     templateUrl: './text-basic.component.html'
 })
 export class TextBasicComponent {}
diff --git a/apps/docs/src/app/core/component-docs/text/examples/text-expandable.component.ts b/apps/docs/src/app/core/component-docs/text/examples/text-expandable.component.ts
index ccf78ed3e75..b9ceb3b5681 100644
--- a/apps/docs/src/app/core/component-docs/text/examples/text-expandable.component.ts
+++ b/apps/docs/src/app/core/component-docs/text/examples/text-expandable.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'text-expandable',
+    selector: 'fd-text-expandable',
     templateUrl: './text-expandable.component.html'
 })
 export class TextExpandableComponent {
diff --git a/apps/docs/src/app/core/component-docs/text/examples/text-hyphenation.component.ts b/apps/docs/src/app/core/component-docs/text/examples/text-hyphenation.component.ts
index ab6210c31de..376cec57dc2 100644
--- a/apps/docs/src/app/core/component-docs/text/examples/text-hyphenation.component.ts
+++ b/apps/docs/src/app/core/component-docs/text/examples/text-hyphenation.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'text-hyphenation',
+    selector: 'fd-text-hyphenation',
     templateUrl: './text-hyphenation.component.html',
     styleUrls: ['./text-hyphenation.component.scss']
 })
diff --git a/apps/docs/src/app/core/component-docs/text/examples/text-max-lines.component.ts b/apps/docs/src/app/core/component-docs/text/examples/text-max-lines.component.ts
index 8d6f3be24dd..7c8623139a5 100644
--- a/apps/docs/src/app/core/component-docs/text/examples/text-max-lines.component.ts
+++ b/apps/docs/src/app/core/component-docs/text/examples/text-max-lines.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'text-max-lines',
+    selector: 'fd-text-max-lines',
     templateUrl: './text-max-lines.component.html'
 })
 export class TextMaxLinesComponent {
diff --git a/apps/docs/src/app/core/component-docs/text/examples/text-whitespaces.component.ts b/apps/docs/src/app/core/component-docs/text/examples/text-whitespaces.component.ts
index 457f2dd557c..8bcc1963610 100644
--- a/apps/docs/src/app/core/component-docs/text/examples/text-whitespaces.component.ts
+++ b/apps/docs/src/app/core/component-docs/text/examples/text-whitespaces.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'text-whitespaces',
+    selector: 'fd-text-whitespaces',
     templateUrl: './text-whitespaces.component.html'
 })
 export class TextWhitespacesComponent {
diff --git a/apps/docs/src/app/core/component-docs/text/text-docs.component.html b/apps/docs/src/app/core/component-docs/text/text-docs.component.html
index 26801011b88..e423c2d363a 100644
--- a/apps/docs/src/app/core/component-docs/text/text-docs.component.html
+++ b/apps/docs/src/app/core/component-docs/text/text-docs.component.html
@@ -2,7 +2,7 @@
     Text basic example
 </fd-docs-section-title>
 <component-example>
-    <text-basic></text-basic>
+    <fd-text-basic></fd-text-basic>
 </component-example>
 <code-example [exampleFiles]="textBasic"></code-example>
 
@@ -12,7 +12,7 @@
     Text whitespaces example
 </fd-docs-section-title>
 <component-example>
-    <text-whitespaces></text-whitespaces>
+    <fd-text-whitespaces></fd-text-whitespaces>
 </component-example>
 <code-example [exampleFiles]="textWhitespaces"></code-example>
 
@@ -22,7 +22,7 @@
     Text Max lines example
 </fd-docs-section-title>
 <component-example>
-    <text-max-lines></text-max-lines>
+    <fd-text-max-lines></fd-text-max-lines>
 </component-example>
 <code-example [exampleFiles]="textMaxLines"></code-example>
 
@@ -36,7 +36,7 @@
     <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens">MDN hyphens</a>
 </description>
 <component-example>
-    <text-hyphenation></text-hyphenation>
+    <fd-text-hyphenation></fd-text-hyphenation>
 </component-example>
 <code-example [exampleFiles]="textHyphenation"></code-example>
 
@@ -46,7 +46,7 @@
     Text Expandable example
 </fd-docs-section-title>
 <component-example>
-    <text-expandable></text-expandable>
+    <fd-text-expandable></fd-text-expandable>
 </component-example>
 <code-example [exampleFiles]="textExpandable"></code-example>
 
diff --git a/apps/docs/src/app/core/component-docs/text/text-docs.component.ts b/apps/docs/src/app/core/component-docs/text/text-docs.component.ts
index c34c71faa48..ade09b5d40a 100644
--- a/apps/docs/src/app/core/component-docs/text/text-docs.component.ts
+++ b/apps/docs/src/app/core/component-docs/text/text-docs.component.ts
@@ -57,18 +57,14 @@ export class TextDocsComponent {
         {
             language: 'html',
             code: textHyphenationHtml,
-            fileName: 'text-hyphenation'
+            fileName: 'text-hyphenation',
+            scssFileCode: textHyphenationScss
         },
         {
             language: 'typescript',
             code: textHyphenationTs,
             component: 'TextHyphenationComponent',
             fileName: 'text-hyphenation'
-        },
-        {
-            language: 'scss',
-            code: textHyphenationScss,
-            fileName: 'text-hyphenation'
         }
     ];