diff --git a/demo-shell/src/app/components/form/form.component.ts b/demo-shell/src/app/components/form/form.component.ts
index 6f1b3d7768..d24e29dddf 100644
--- a/demo-shell/src/app/components/form/form.component.ts
+++ b/demo-shell/src/app/components/form/form.component.ts
@@ -32,7 +32,7 @@
 * limitations under the License.
 */
 
-import { Component, Inject, OnInit } from '@angular/core';
+import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormModel, FormService, FormOutcomeEvent } from '@alfresco/adf-core';
 import { InMemoryFormService } from '../../services/in-memory-form.service';
 import { DemoForm } from './demo-form';
@@ -43,7 +43,8 @@ import { DemoForm } from './demo-form';
     styleUrls: ['form.component.css'],
     providers: [
         { provide: FormService, useClass: InMemoryFormService }
-    ]
+    ],
+    encapsulation: ViewEncapsulation.None
 })
 export class FormComponent implements OnInit {
 
diff --git a/lib/core/form/components/widgets/people/people.widget.scss b/lib/core/form/components/widgets/people/people.widget.scss
index 3d8946e6a3..5113e2c616 100644
--- a/lib/core/form/components/widgets/people/people.widget.scss
+++ b/lib/core/form/components/widgets/people/people.widget.scss
@@ -7,6 +7,10 @@
 
         &-people-widget {
             width: 100%;
+
+            .mat-form-field-label-wrapper {
+                top: 10px !important;
+            }
         }
 
         &-people-widget-list {