diff --git a/docs/en/UI/Angular/Card-Component.md b/docs/en/UI/Angular/Card-Component.md
index 683deea8ec..023ea473fb 100644
--- a/docs/en/UI/Angular/Card-Component.md
+++ b/docs/en/UI/Angular/Card-Component.md
@@ -34,7 +34,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-card-demo',
   template: ` 
-    <abp-card [cardStyle]="width: 18rem;">
+    <abp-card [cardStyle]="{width: '18rem'}">
       <abp-card-body>
         <abp-card-title>Lorem Ipsum</abp-card-title>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo condimentum ligula, sed varius nibh eleifend sit amet. Maecenas facilisis vel arcu nec maximus.</abp-card-body>
@@ -48,3 +48,4 @@ See the result below:
 
 ![abp-card-component](./images/abp-card-component.png)
 
+As you can see in above example, you can customize your card component's style with `cardStyle` input. Also you can add your custom classes with `cardClass` input.
\ No newline at end of file