diff --git a/docs/framework-integrations/angular.mdx b/docs/framework-integrations/angular.mdx
index 6c6b747659..c7e2eafc2a 100644
--- a/docs/framework-integrations/angular.mdx
+++ b/docs/framework-integrations/angular.mdx
@@ -96,8 +96,11 @@ decorator. You can find the CSS import statements in the docs of the UI plugin
 you want to use. For instance, for `@uppy/dashboard`:
 
 ```typescript
+import { Component, ViewEncapsulation } from '@angular/core';
+//...
 @Component({
   // ...
+  encapsulation: ViewEncapsulation.None,
   styleUrls: [
     '../node_modules/@uppy/core/dist/style.css',
     '../node_modules/@uppy/dashboard/dist/style.css',