diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.html
index 98b0931..8c32f76 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.html
@@ -15,17 +15,19 @@
         <dd>{{report.hasOfferedJob ? 'Ja' : 'Nej' }}</dd>
 
         <dt>Aktiviteter</dt>
-        <dd>
-          <ul class="periodisk-redovisning-view__activity-list">
-            <li class="periodisk-redovisning-view__activity-item" *ngFor="let activity of report.activities">
-              <digi-icon-check-circle
-                class="msfa__digi-icon periodisk-redovisning-view__activity-check"
-                aria-hidden="true"
-              ></digi-icon-check-circle>
-              {{getActivityInfoAsString(activity)}}
-            </li>
-          </ul>
+
+        <dd *ngIf="report.activities.length === 0; else activityList">
+          Deltagaren har inte deltagit i några aktiviteter denna period
         </dd>
+        <ng-template #activityList>
+          <dd *ngFor="let activity of report.activities" class="periodisk-redovisning-view__activity-item">
+            <digi-icon-check-circle
+              class="msfa__digi-icon periodisk-redovisning-view__activity-check"
+              aria-hidden="true"
+            ></digi-icon-check-circle>
+            <span>{{getActivityInfoAsString(activity)}}</span>
+          </dd>
+        </ng-template>
       </dl>
       <footer class="periodisk-redovisning-view__footer">
         <msfa-back-link route="../../">Tillbaka till deltagaren</msfa-back-link>
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.scss b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.scss
index c513080..80b2078 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.scss
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.scss
@@ -1,4 +1,3 @@
-@import 'mixins/list';
 @import 'variables/gutters';
 
 .periodisk-redovisning-view {
@@ -7,16 +6,10 @@
   flex-direction: column;
   gap: $digi--layout--gutter--l;
 
-  &__activity-list {
-    @include msfa__reset-list;
-    margin-bottom: var(--digi--layout--gutter--s);
-  }
-
   &__activity-item {
     display: flex;
     align-items: center;
     gap: var(--digi--layout--gutter--s);
-    margin-top: var(--digi--layout--gutter--s);
   }
 
   &__activity-check {