diff --git a/assets/javascripts/discourse/components/reports/activity-calendar.gjs b/assets/javascripts/discourse/components/reports/activity-calendar.gjs
index 419afab..b2a6b8a 100644
--- a/assets/javascripts/discourse/components/reports/activity-calendar.gjs
+++ b/assets/javascripts/discourse/components/reports/activity-calendar.gjs
@@ -39,21 +39,19 @@ export default class ActivityCalendar extends Component {
-
- {{#each this.rowsArray as |row|}}
-
- {{#each row as |cell|}}
- |
- {{/each}}
-
- {{/each}}
-
+ {{#each this.rowsArray as |row|}}
+
+ {{#each row as |cell|}}
+ |
+ {{/each}}
+
+ {{/each}}
diff --git a/assets/stylesheets/common/activity-calendar.scss b/assets/stylesheets/common/activity-calendar.scss
index 3045f7c..c2ceaa9 100644
--- a/assets/stylesheets/common/activity-calendar.scss
+++ b/assets/stylesheets/common/activity-calendar.scss
@@ -1,5 +1,7 @@
.rewind-report-page.-activity-calendar {
.rewind-calendar {
+ border-collapse: unset;
+ border-spacing: 3px;
tr {
border: none;
}
@@ -8,9 +10,10 @@
.rewind-calendar-cell {
height: 10px;
width: 10px;
-
+ border-radius: 2px;
+ border: 1px solid rgba(var(--primary-rgb), 0.2);
&.-empty {
- background: var(--tertiary-very-low);
+ background: var(--primary-low);
}
&.-low {
background: var(--tertiary-low);