diff --git a/packages/devextreme-cli/src/templates/react/application/src/dx-styles.scss b/packages/devextreme-cli/src/templates/react/application/src/dx-styles.scss
index d368ecafb..a9accd9ff 100644
--- a/packages/devextreme-cli/src/templates/react/application/src/dx-styles.scss
+++ b/packages/devextreme-cli/src/templates/react/application/src/dx-styles.scss
@@ -40,7 +40,7 @@ body {
     }
   }
 
-  .screen-x-small .content {
+  .screen-x-small :not(.dx-card).content {
     padding: 20px;
   }
 
diff --git a/packages/devextreme-cli/src/templates/vue-v3/application/src/dx-styles.scss b/packages/devextreme-cli/src/templates/vue-v3/application/src/dx-styles.scss
index badfc73e0..dc06a6255 100644
--- a/packages/devextreme-cli/src/templates/vue-v3/application/src/dx-styles.scss
+++ b/packages/devextreme-cli/src/templates/vue-v3/application/src/dx-styles.scss
@@ -17,7 +17,7 @@ $side-panel-min-width: 60px;
     }
   }
 
-  .screen-x-small .content {
+  .screen-x-small :not(.dx-card).content {
     padding: 20px;
   }