diff --git a/web/profiles/custom/os2loop/themes/os2loop_theme/assets/taxonomy-colors.scss b/web/profiles/custom/os2loop/themes/os2loop_theme/assets/taxonomy-colors.scss
index 66347e768..eafaf6a67 100644
--- a/web/profiles/custom/os2loop/themes/os2loop_theme/assets/taxonomy-colors.scss
+++ b/web/profiles/custom/os2loop/themes/os2loop_theme/assets/taxonomy-colors.scss
@@ -19,4 +19,10 @@ $taxonomy-colors: (
       color: contrast-color($taxonomy-color);
     }
   }
+
+  .os2loop-documents-info-box.taxonomy-color-#{$taxonomy-color-index} {
+    padding: 1em;
+    border: solid 3px $taxonomy-color;
+    background-color: rgba($taxonomy-color, 0.1);
+  }
 }
diff --git a/web/profiles/custom/os2loop/themes/os2loop_theme/templates/content-entities/paragraph--os2loop-documents-highlighted-co.html.twig b/web/profiles/custom/os2loop/themes/os2loop_theme/templates/content-entities/paragraph--os2loop-documents-highlighted-co.html.twig
index e40b11221..f654abb59 100644
--- a/web/profiles/custom/os2loop/themes/os2loop_theme/templates/content-entities/paragraph--os2loop-documents-highlighted-co.html.twig
+++ b/web/profiles/custom/os2loop/themes/os2loop_theme/templates/content-entities/paragraph--os2loop-documents-highlighted-co.html.twig
@@ -48,6 +48,7 @@ paragraph.parent_id.value is an empty array when previewing un-saved content.
 {% set classes = [
     'paragraph',
     'os2loop-highlighted-container',
+    'os2loop-documents-info-box',
     'paragraph--type--' ~ paragraph.bundle|clean_class,
     view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
     not paragraph.isPublished() ? 'paragraph--unpublished',