diff --git a/src/pages/about.vue b/src/pages/about.vue
index eb5c98bd677417c8dc818f5cc289c3536a5a826e..87de2f25b0268bfb7405227734b2364f27d2ba61 100644
--- a/src/pages/about.vue
+++ b/src/pages/about.vue
@@ -6,7 +6,7 @@
     <div class="container mx-auto mt-8 p-8 bg-slate-100">
       <h1 class="text-xl font-bold mb-8">{{ t('about.title') }}</h1>
 
-      <div v-html="content" />
+      <div class="content" v-html="content" />
     </div>
   </OcLayoutSimple>
 </template>
@@ -47,11 +47,11 @@ const breadcrumbItems = computed<OcBreadcrumbItem[]>(() => [
 </script>
 
 <style lang="css" scoped>
-:deep(p) {
+:deep(.content p) {
   @apply mb-2;
 }
 
-:deep(a) {
+:deep(.content a) {
   @apply underline;
 }
 </style>