diff --git a/projects/demo/src/modules/components/accordion/accordion.template.html b/projects/demo/src/modules/components/accordion/accordion.template.html
index 0f0d398a23f1..be8cf64eb55b 100644
--- a/projects/demo/src/modules/components/accordion/accordion.template.html
+++ b/projects/demo/src/modules/components/accordion/accordion.template.html
@@ -92,10 +92,7 @@
             </tui-accordion>
         </tui-doc-demo>
 
-        <tui-accordion
-            class="b-full-width"
-            [closeOthers]="false"
-        >
+        <tui-accordion [closeOthers]="false">
             <tui-accordion-item [open]="true">
                 TuiAccordionComponent
                 <ng-template tuiAccordionItemContent>
diff --git a/projects/demo/src/modules/components/expand/expand.template.html b/projects/demo/src/modules/components/expand/expand.template.html
index 124c100613d0..5885fc54b442 100644
--- a/projects/demo/src/modules/components/expand/expand.template.html
+++ b/projects/demo/src/modules/components/expand/expand.template.html
@@ -19,7 +19,6 @@
         <tui-doc-demo>
             Darth Vader is (spoilers below):
             <tui-expand
-                class="b-full-width"
                 [async]="async"
                 [expanded]="expanded"
             >
diff --git a/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html b/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html
index c3a7c681f5dd..a09576b789ed 100644
--- a/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html
+++ b/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html
@@ -69,7 +69,7 @@
                 ></tui-input-card-grouped>
             </ng-template>
         </tui-doc-demo>
-        <div class="b-full-width tui-space_bottom-6">
+        <div class="tui-space_bottom-6">
             <p>
                 Add
                 <code>tuiCreateLuhnValidator(customMessage?)</code>
diff --git a/projects/demo/src/modules/components/input-card/input-card.template.html b/projects/demo/src/modules/components/input-card/input-card.template.html
index 19f06561e5aa..651f380d6342 100644
--- a/projects/demo/src/modules/components/input-card/input-card.template.html
+++ b/projects/demo/src/modules/components/input-card/input-card.template.html
@@ -93,17 +93,14 @@
                 </form>
             </ng-template>
         </tui-doc-demo>
-        <div class="b-full-width tui-space_bottom-6">
+        <div class="tui-space_bottom-6">
             <p>
                 Add
                 <code>tuiCreateLuhnValidator(customMessage?)</code>
                 to control validators to validate it with Luhn algorithm
             </p>
         </div>
-        <tui-accordion
-            class="b-full-width"
-            [closeOthers]="false"
-        >
+        <tui-accordion [closeOthers]="false">
             <tui-accordion-item [open]="true">
                 TuiInputCardComponent
                 <ng-template tuiAccordionItemContent>
diff --git a/projects/demo/src/modules/icons/icons.template.html b/projects/demo/src/modules/icons/icons.template.html
index 50f52e556b50..de224e5ed38d 100644
--- a/projects/demo/src/modules/icons/icons.template.html
+++ b/projects/demo/src/modules/icons/icons.template.html
@@ -68,7 +68,7 @@
     </ng-template>
 
     <ng-template pageTab="Component">
-        <div class="b-full-width">
+        <div>
             <tui-svg
                 [src]="icon"
                 (tui-icon-error)="documentationPropertyIconErrorChange.emitEvent($event)"
diff --git a/projects/demo/src/modules/pipes/format-number/format-number.template.html b/projects/demo/src/modules/pipes/format-number/format-number.template.html
index 1acb9275c7cb..bf60d0029c31 100644
--- a/projects/demo/src/modules/pipes/format-number/format-number.template.html
+++ b/projects/demo/src/modules/pipes/format-number/format-number.template.html
@@ -27,7 +27,7 @@
     </ng-template>
 
     <ng-template pageTab>
-        <p class="text b-full-width">
+        <p class="text">
             Formatted number:
             {{ value | tuiFormatNumber: {decimalLimit, decimalSeparator} }}
         </p>
diff --git a/projects/demo/src/modules/pipes/format-phone/format-phone.template.html b/projects/demo/src/modules/pipes/format-phone/format-phone.template.html
index c5d034a13703..05edc2ba736c 100644
--- a/projects/demo/src/modules/pipes/format-phone/format-phone.template.html
+++ b/projects/demo/src/modules/pipes/format-phone/format-phone.template.html
@@ -16,7 +16,7 @@
     </ng-template>
 
     <ng-template pageTab>
-        <p class="text b-full-width">
+        <p class="text">
             Formatted phone number:
             {{ index | tuiFormatPhone: countryCode : phoneMask }}
         </p>
diff --git a/projects/demo/src/modules/services/scroll/scroll.template.html b/projects/demo/src/modules/services/scroll/scroll.template.html
index ab5b219420c5..680cc6d618b7 100644
--- a/projects/demo/src/modules/services/scroll/scroll.template.html
+++ b/projects/demo/src/modules/services/scroll/scroll.template.html
@@ -16,7 +16,7 @@
     </ng-template>
 
     <ng-template pageTab>
-        <p class="b-full-width">
+        <p>
             Method
             <strong>
                 <code tuiText="scroll$: Observable<[number, number]>"></code>
diff --git a/projects/demo/src/styles.less b/projects/demo/src/styles.less
index 248ae3844fd9..ac7313704361 100644
--- a/projects/demo/src/styles.less
+++ b/projects/demo/src/styles.less
@@ -23,7 +23,3 @@ body {
         margin-bottom: 1.25rem;
     }
 }
-
-.b-full-width {
-    width: 100%;
-}