diff --git a/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.html b/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.html
index 6ad32ad4..2d34fe25 100644
--- a/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.html
+++ b/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.html
@@ -1,5 +1,6 @@
 <div class="manage-manual-challenge-bonuses-component m-4" *ngIf="teamScoreData">
-    <table *ngIf="hasStartedChallenges" class="table table-striped border-bottom border-info">
+    <table *ngIf="hasStartedChallenges || teamScoreData.score.manualBonuses.length"
+        class="table table-striped border-bottom border-info">
         <thead class="h5">
             <th scope="col" width="30%">Challenge</th>
             <th class="text-center" scope="col" width="10%"></th>
@@ -109,7 +110,7 @@ <h6>{{ challengeSummary.score.totalScore }}</h6>
 
     <div class="add-bonus-container mt-5">
         <h3 class="mt-3 mb-2">Add a bonus</h3>
-        <form #newBonusForm (submit)="onSubmit()" *ngIf="hasStartedChallenges">
+        <form #newBonusForm (submit)="onSubmit()">
             <div class="form-group w-100 px-0">
                 <select *ngIf="hasStartedChallenges; else noChallengesStarted"
                     class="form-control form-control-lg w-100" name="challengeId"
@@ -140,7 +141,7 @@ <h3 class="mt-3 mb-2">Add a bonus</h3>
 </div>
 
 <ng-template #noChallengesStarted>
-    <div class="no-challenges-started-message">
+    <div class="no-challenges-started-message text-muted">
         This team hasn't launched any challenges yet, so you can't attach manual bonuses
         to specific challenges yet. You can still create a team-based manual bonus.
     </div>