diff --git a/resources/css/app.css b/resources/css/app.css
index 49dec98..0b6f9f5 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -34,6 +34,8 @@
 @import './components/scroll-top.css';
 @import './components/member-author-card.css';
 @import './components/search-module.css';
+@import './components/author-card.css';
+@import './components/tablist.css';
 
 /* ########### EDITOR CONTENT ############ */
 @import './editor-content/entry-content.css';
@@ -79,6 +81,7 @@
 @import './blocks/image-stack.css';
 @import './blocks/highlight-timeline-step.css';
 @import './blocks/highlight-timeline.css';
+@import './blocks/press-ressources.css';
 
 @import './blocks/wp-block-heading.css';
 @import './blocks/wp-block-list.css';
diff --git a/resources/css/components/tablist.css b/resources/css/components/tablist.css
new file mode 100644
index 0000000..97f4e25
--- /dev/null
+++ b/resources/css/components/tablist.css
@@ -0,0 +1,28 @@
+.tablist {
+  @apply flex items-center overflow-y-visible gap-8 lg:gap-3 xl:gap-12 border-b border-primary py-0;
+  position: relative;
+
+  span {
+    @apply sr-only lg:not-sr-only;
+  }
+  button {
+    @apply text-base md:text-lg  lg:text-lg  mt-8  nunito pb-4 flex flex-col lg:flex-row  items-center gap-2 lg:gap-4 text-left shrink-0;
+    grid-template-columns: auto 1fr;
+
+    word-break: keep-all;
+
+    .icon {
+      @apply w-8 h-8 block;
+    }
+
+    &[aria-selected='true'] {
+      @apply text-primary border-b-4 border-primary;
+      .icon {
+        @apply filter-primary;
+      }
+    }
+    &[aria-selected='false'] {
+      @apply text-black opacity-40;
+    }
+  }
+}