diff --git a/frontend/src/app/pages/community-upcoming/community-upcoming.html b/frontend/src/app/pages/community-upcoming/community-upcoming.html
index 5abe668..d8b9ecd 100644
--- a/frontend/src/app/pages/community-upcoming/community-upcoming.html
+++ b/frontend/src/app/pages/community-upcoming/community-upcoming.html
@@ -1,3 +1,6 @@
+<div class="community-upcoming">
+
+
 <section class="toolbar">
   <label>Jours à venir:
     <input type="number" min="1" [ngModel]="days()" (ngModelChange)="days.set($event); load()" />
@@ -7,3 +10,4 @@
 <app-all-events [features]="features"></app-all-events>
 
 
+</div>
diff --git a/frontend/src/app/pages/community-upcoming/community-upcoming.scss b/frontend/src/app/pages/community-upcoming/community-upcoming.scss
index 404e5b9..a2ba0d8 100644
--- a/frontend/src/app/pages/community-upcoming/community-upcoming.scss
+++ b/frontend/src/app/pages/community-upcoming/community-upcoming.scss
@@ -4,5 +4,11 @@
   align-items: center;
   padding: 8px 0;
 }
+:host{
+  .community-upcoming{
+
+  padding: 1rem;
+  }
+}