diff --git a/src/app/main/ui/forms/forms.component.html b/src/app/main/ui/forms/forms.component.html
index 02d4c41b..02a8d889 100644
--- a/src/app/main/ui/forms/forms.component.html
+++ b/src/app/main/ui/forms/forms.component.html
@@ -31,7 +31,7 @@
 
             <!-- REACTIVE FORM EXAMPLE -->
 
-            <form class="mat-elevation-z4 p-24 mr-24" fxLayout="column" fxLayoutAlign="start"
+            <form class="mat-card mat-elevation-z4 p-24 mr-24" fxLayout="column" fxLayoutAlign="start"
                   fxFlex="1 0 auto" name="form" [formGroup]="form">
 
                 <div class="h2 mb-24">Reactive Form Example</div>
@@ -127,7 +127,7 @@
 
             <!-- / REACTIVE FORM EXAMPLE -->
 
-            <div class="form-errors-model p-24 mat-elevation-z4">
+            <div class="mat-card form-errors-model p-24 mat-elevation-z4">
                 <div class="h2 mb-24">Reactive Form Model</div>
                 <pre><code>{{form.getRawValue() | json}}</code></pre>
             </div>