diff --git a/src/menu-left.pug b/src/menu-left.pug
index ae725762765bd59e8ad43d6be8838ac72097ccea..14bb67b025d99a76a4a3aa932313aab34d11518d 100644
--- a/src/menu-left.pug
+++ b/src/menu-left.pug
@@ -70,7 +70,7 @@ solid-router#navbar-router(default-route='dashboard')
       div.menu-icon.icon-calendar
     div.divider
   if endpoints.resources || (endpoints.get && endpoints.get.resources)
-    sib-route.menu(name='resources')
+    solid-route.menu(name='resources')
       div.menu-label Ressources
       div.menu-icon.icon-docs
     div.divider
diff --git a/src/page-circle.pug b/src/page-circle.pug
index 7286b46dcd0ae41039e7cabc811a32ccc2f24dd9..3b167d7d1c99130dc922e07a2eb317f5cfe71b63 100644
--- a/src/page-circle.pug
+++ b/src/page-circle.pug
@@ -32,10 +32,10 @@ nav.jsRightMenu(role='navigation')
       solid-route(name='circle-information')
         li
           a Information
-      sib-route(name='circle-events' use-id)
-        li
-          a Events
-      sib-route(name='circle-resources' use-id)
+      solid-route(name='circle-resources' use-id)
         li
           a Resources
+      solid-route(name='circle-events' use-id)
+        li
+          a Events
       
diff --git a/src/page-events.pug b/src/page-events.pug
index cea4a6c86a431af61a0c431305345d36e78de6b8..865da57e3c2189d7e31c86b6a000c72bfc8714da 100644
--- a/src/page-events.pug
+++ b/src/page-events.pug
@@ -1,5 +1,6 @@
 .views-container
   sib-event(data-src=`${endpoints.events || (endpoints.get && endpoints.get.events)}`
             range-event-type=`${endpoints.typeevents || (endpoints.get && endpoints.get.typeevents)}`
+            range-event-circle=`${endpoints.circles || (endpoints.get && endpoints.get.circles)}`
             upload-dir=`${endpoints.uploads || (endpoints.get && endpoints.get.uploads)}`
   )
\ No newline at end of file
diff --git a/src/page-resources.pug b/src/page-resources.pug
index 9f6220e9dd3fae29b3b5d1aead69e13f8d76d274..bda242a7963ba1009cf61ddc081ea299f745d91a 100644
--- a/src/page-resources.pug
+++ b/src/page-resources.pug
@@ -2,5 +2,6 @@
   sib-resource(data-src=`${endpoints.resources || (endpoints.get && endpoints.get.resources)}`
             range-resource-type=`${endpoints.resourcestypes || (endpoints.get && endpoints.get.resourcestypes)}`
             range-resource-keyword=`${endpoints.resourceskeywords || (endpoints.get && endpoints.get.resourceskeywords)}`
+            range-resource-circle=`${endpoints.circles || (endpoints.get && endpoints.get.circles)}`
             upload-dir=`${endpoints.uploads || (endpoints.get && endpoints.get.uploads)}`
   )
\ No newline at end of file
diff --git a/src/styles/base/menu-left.scss b/src/styles/base/menu-left.scss
index 7b070ed674c0ab2f1f714cd6417ab5e5c7d952b7..4a876f247e91c4383180ed2784895a5404e778a9 100644
--- a/src/styles/base/menu-left.scss
+++ b/src/styles/base/menu-left.scss
@@ -46,6 +46,10 @@
           background-color: var(--color-menu-badge-background);
         }
       }
+      &[name="resources"][active] .menu-icon:before,
+      &[name="events"][active] .menu-icon:before {
+        background-color: transparent;
+      } 
 
       .menu-icon {
         align-items: center;
@@ -88,6 +92,11 @@
       >solid-display {
         display: block;
       }
+      &[name="events"], &[name="resources"] {
+        .menu-label {
+          width: 9.9em;
+        }
+      }
     }
 
     .sub-menu {
diff --git a/src/styles/layout/events/events.scss b/src/styles/layout/events/events.scss
index cda122440238fe207a9b4fc457113ebec48454e9..af9af2e34a1b72bb6faf60a86aee6e283e145933 100644
--- a/src/styles/layout/events/events.scss
+++ b/src/styles/layout/events/events.scss
@@ -1,4 +1,4 @@
-#events {
+#events, #circle-events {
     width: 100%;
     font-family: "Facit";
     font-weight: 400;
@@ -16,10 +16,12 @@
         .event-place-name {
             font-weight: 700;
         }
-        #listevents [name="name"],
+        #listevents, #circle-listevents {
+            [name="name"],
         solid-display-link-event .mdi::before {
             color:  #C4262E;
         }
+    }
         .event-place-name,
         .nextevent-startdate,
         solid-display-link-event {
@@ -30,12 +32,13 @@
             font-weight: 400;
             .page-title {
                 font-family: "RefrigeratorDelxW01Bold";
-                    font-size: 3.2rem;
-                    line-height: 3.8rem;
-                    color: #063B5C;
+                font-size: 3.2rem;
+                line-height: 3.8rem;
+                color: #063B5C;
             }
         }
-        #listevents {
+        #listevents,
+        #circle-listevents {
             .newtype .button{
                 font-size: 1.2rem;
                 width: max-content;
diff --git a/src/styles/layout/resources/resources.scss b/src/styles/layout/resources/resources.scss
index 0f603ee8887d5a2313dc90f67eff7457b2f9eb1b..a72abe2c4e3640e49029c6cc69d992bcff63e374 100644
--- a/src/styles/layout/resources/resources.scss
+++ b/src/styles/layout/resources/resources.scss
@@ -7,6 +7,12 @@
         background-color: #F0F3F6;
         .sib-resource {
             font-family: "Facit";            
+            .page-title {
+                font-family: "RefrigeratorDelxW01Bold";
+                font-size: 3.2rem;
+                line-height: 3.8rem;
+                color: #063B5C;
+            }
             .red-button {
                 background-color: #C4262E;
             }
diff --git a/src/views/circle/page-circle-events.pug b/src/views/circle/page-circle-events.pug
index 9acc4f82395ab11639a8c0838dad73048bd7c6e9..beba9b6ca0d92af5be0f5bfb755adc87911810e4 100644
--- a/src/views/circle/page-circle-events.pug
+++ b/src/views/circle/page-circle-events.pug
@@ -1,6 +1,9 @@
-sib-display(
-    class='w700'
-    bind-resources
-    nested-field="events"
-    fields='name, shortDescription, startDate'
-)
\ No newline at end of file
+#circle-listevents
+    sib-event(
+        class='w700'
+        bind-resources
+        nested-field="events"
+        range-event-type=`${endpoints.typeevents || (endpoints.get && endpoints.get.typeevents)}`
+        range-event-circle=`${endpoints.circles || (endpoints.get && endpoints.get.circles)}`
+        upload-dir=`${endpoints.uploads || (endpoints.get && endpoints.get.uploads)}`
+  )
\ No newline at end of file
diff --git a/src/views/circle/page-circle-resources.pug b/src/views/circle/page-circle-resources.pug
index 1fb4cdd53d39f35ed74b5740c3a21207b27d1475..b26eaf6af6614c51a6bdd1a053364153cae1b27a 100644
--- a/src/views/circle/page-circle-resources.pug
+++ b/src/views/circle/page-circle-resources.pug
@@ -1,6 +1,10 @@
-sib-display(
-    class='w700'
-    bind-resources
-    nested-field="resources"
-    fields='name, shortdesc, keywords'
-)
\ No newline at end of file
+#circle-listresources
+    sib-resource(
+        class='w700'
+        bind-resources
+        nested-field="resources"
+        range-resource-type=`${endpoints.resourcestypes || (endpoints.get && endpoints.get.resourcestypes)}`
+        range-resource-keyword=`${endpoints.resourceskeywords || (endpoints.get && endpoints.get.resourceskeywords)}`
+        range-resource-circle=`${endpoints.circles || (endpoints.get && endpoints.get.circles)}`
+        upload-dir=`${endpoints.uploads || (endpoints.get && endpoints.get.uploads)}`
+  )
\ No newline at end of file