diff --git a/projects/demo/src/modules/experimental/surface/examples/7/index.html b/projects/demo/src/modules/experimental/surface/examples/7/index.html
index f0d233fcc869..c02f85e0567e 100644
--- a/projects/demo/src/modules/experimental/surface/examples/7/index.html
+++ b/projects/demo/src/modules/experimental/surface/examples/7/index.html
@@ -88,6 +88,7 @@ <h3 class="heading">Gas</h3>
 </div>
 
 <div
+    tuiCardLarge="compact"
     tuiSurface="elevated"
     class="reviews"
 >
diff --git a/projects/demo/src/modules/experimental/surface/surface.module.ts b/projects/demo/src/modules/experimental/surface/surface.module.ts
index e7a7cf28cba3..c8c58b193a64 100644
--- a/projects/demo/src/modules/experimental/surface/surface.module.ts
+++ b/projects/demo/src/modules/experimental/surface/surface.module.ts
@@ -17,6 +17,7 @@ import {
     TuiAvatarModule,
     TuiBadgeModule,
     TuiButtonModule,
+    TuiCardModule,
     TuiSurfaceModule,
 } from '@taiga-ui/experimental';
 
@@ -41,6 +42,7 @@ import {ExampleTuiSurfaceComponent} from './surface.component';
         TuiScrollbarModule,
         TuiButtonModule,
         TuiLinkModule,
+        TuiCardModule,
         TuiAvatarModule,
         TuiLabelModule,
         TuiModeModule,