diff --git a/package.json b/package.json
index 04dd957c1e..311fe6f150 100755
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.16.59",
+  "version": "0.16.60",
   "myplanet": {
     "latest": "v0.22.7",
     "min": "v0.21.7"
diff --git a/src/app/community/community.scss b/src/app/community/community.scss
index 5f6aa4a2ff..c0e0e1c264 100644
--- a/src/app/community/community.scss
+++ b/src/app/community/community.scss
@@ -35,27 +35,6 @@ planet-calendar {
   overflow-y: auto;
 }
 
-.calendar-legend {
-  padding-top: 10px;
-  text-align: right;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-  gap: 10px;
-}
-
-.calendar-legend .legend-item {
-  display: inline-flex;
-  align-items: center;
-}
-
-.calendar-legend .legend-color {
-  width: 20px;
-  height: 20px;
-  margin-right: 10px;
-  border-radius: 4px;
-}
-
 .card-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
diff --git a/src/app/shared/calendar.component.scss b/src/app/shared/calendar.component.scss
new file mode 100644
index 0000000000..cb56cbab92
--- /dev/null
+++ b/src/app/shared/calendar.component.scss
@@ -0,0 +1,20 @@
+.calendar-legend {
+  padding-top: 10px;
+  text-align: right;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 10px;
+}
+
+.calendar-legend .legend-item {
+  display: inline-flex;
+  align-items: center;
+}
+
+.calendar-legend .legend-color {
+  width: 20px;
+  height: 20px;
+  margin-right: 10px;
+  border-radius: 4px;
+}
diff --git a/src/app/shared/calendar.component.ts b/src/app/shared/calendar.component.ts
index 80a05b48b9..4c1abc1148 100644
--- a/src/app/shared/calendar.component.ts
+++ b/src/app/shared/calendar.component.ts
@@ -14,6 +14,7 @@ import { addDateAndTime, styleVariables } from './utils';
 
 @Component({
   selector: 'planet-calendar',
+  styleUrls: [ './calendar.component.scss' ],
   template: `
     <full-calendar #calendar [options]="calendarOptions"></full-calendar>
     <div class="calendar-legend" *ngIf="showLegend">