diff --git a/src/app/content-page/content-page.component.scss b/src/app/content-page/content-page.component.scss
index 74f9dd6e..8fd15474 100644
--- a/src/app/content-page/content-page.component.scss
+++ b/src/app/content-page/content-page.component.scss
@@ -1,25 +1,26 @@
 @use 'margins';
 @use 'page';
 
-app-content-page {
+:host {
   display: block;
   padding: page.$padding;
-}
 
-h1 {
-  margin-block-end: margins.$m;
-}
+  ::ng-deep {
+    h1 {
+      margin-block-end: margins.$m;
+    }
 
-h2 {
-  margin-block: margins.$m;
-}
-
-p {
-  margin-block: 1em;
-}
+    h2 {
+      margin-block: margins.$m;
+    }
 
-ul {
-  list-style-type: square;
-  margin-inline-start: 1em;
-  padding-inline-start: 1em;
+    p {
+      margin-block: 1em;
+    }
+    ul {
+      list-style-type: square;
+      margin-inline-start: 1em;
+      padding-inline-start: 1em;
+    }
+  }
 }
diff --git a/src/app/content-page/content-page.component.ts b/src/app/content-page/content-page.component.ts
index d170733c..63fb96bb 100644
--- a/src/app/content-page/content-page.component.ts
+++ b/src/app/content-page/content-page.component.ts
@@ -1,4 +1,4 @@
-import { Component, ViewEncapsulation } from '@angular/core'
+import { Component } from '@angular/core'
 
 @Component({
   selector: 'app-content-page',
@@ -6,6 +6,5 @@ import { Component, ViewEncapsulation } from '@angular/core'
   imports: [],
   template: '<ng-content></ng-content>',
   styleUrl: './content-page.component.scss',
-  encapsulation: ViewEncapsulation.None,
 })
 export class ContentPageComponent {}