diff --git a/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/SelfAssessmentOverview.cshtml b/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/SelfAssessmentOverview.cshtml
index 1cd95ece04..6ce653644c 100644
--- a/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/SelfAssessmentOverview.cshtml
+++ b/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/SelfAssessmentOverview.cshtml
@@ -40,7 +40,7 @@
 
 <link rel="stylesheet" href="@Url.Content("~/css/learningPortal/selfAssessment.css")" asp-append-version="true">
 <h1>@Model.SelfAssessment.Name - @Model.VocabPlural()</h1>
-<partial name="SelfAssessments/_SearchSelfAssessmentOverview" model="@Model.SearchViewModel" view-data="@(new ViewDataDictionary(ViewData) { { "parent", Model } })"/>
+<partial name="SelfAssessments/_SearchSelfAssessmentOverview" model="@Model.SearchViewModel" view-data="@(new ViewDataDictionary(ViewData) { { "parent", Model } })" />
 <partial name="_OverviewActionButtons.cshtml" model=Model />
 <p><span role="alert">@Model.CompetencyGroups.Sum(g => g.Count()) matching @Model.VocabPlural().ToLower()</span></p>
 @if (Model.CompetencyGroups.Any())
@@ -51,7 +51,7 @@
     var selfAssessedCount = questions.Count(q => q.ResultId.HasValue);
     var verifiedCount = questions.Count(q => q.Verified.HasValue);
     var competencySummaryViewData = new ViewDataDictionary(ViewData)
-    {
+{
       { "isSupervisorResultsReviewed", Model.SelfAssessment.IsSupervisorResultsReviewed },
       { "questionsCount", questions.Count() },
       { "selfAssessedCount", selfAssessedCount },
@@ -62,11 +62,11 @@
     questionsTotal += questions.Count();
     <div class="nhsuk-panel competency-group-panel nhsuk-u-padding-0">
       @{
-          var expanderOpen = Model.CompetencyGroups.Count() == 1
-          ? "open"
-          : ViewContext.RouteData.Values.ContainsKey("competencyGroupId")
-            ? ViewContext.RouteData.Values["competencyGroupId"].Equals(competencyGroup.First().CompetencyGroupID.ToString()) ? "open" : ""
-            : "";
+        var expanderOpen = Model.CompetencyGroups.Count() == 1
+        ? "open"
+        : ViewContext.RouteData.Values.ContainsKey("competencyGroupId")
+          ? ViewContext.RouteData.Values["competencyGroupId"].Equals(competencyGroup.First().CompetencyGroupID.ToString()) ? "open" : ""
+          : "";
       }
       <details class="nhsuk-details nhsuk-expander" @(expanderOpen)>
         <summary class="nhsuk-details__summary">
@@ -83,6 +83,34 @@
                      view-data="@(new ViewDataDictionary(ViewData) { { "competencyGroup", competencyGroup } })" />
           }
 
+          <style>
+            .nhsuk-expander[open] details.nhsuk-details[open] .nhsuk-details__summary-text::before {
+              display: block;
+              width: 0;
+              height: 0;
+              border-style: solid;
+              border-color: transparent;
+              clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+              border-width: 12.124px 7px 0 7px;
+              border-top-color: inherit;
+            }
+            .nhsuk-details[open] .nhsuk-details .nhsuk-details__summary-text::before {
+              bottom: 0;
+              content: "";
+              left: 0;
+              margin: auto;
+              position: absolute;
+              top: 0;
+              display: block;
+              width: 0;
+              height: 0;
+              border-style: solid;
+              border-color: transparent;
+              clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+              border-width: 7px 0 7px 12.124px;
+              border-left-color: inherit;
+            }
+          </style>
           <partial name="SelfAssessments/_OverviewTable"
                    view-data="@(new ViewDataDictionary(ViewData) { { "linearNavigation", Model.SelfAssessment.LinearNavigation }, { "selfAssessment", Model.SelfAssessment } })"
                    model="competencyGroup" />
diff --git a/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/_OverviewTable.cshtml b/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/_OverviewTable.cshtml
index ed9076304a..fd6ee6a42e 100644
--- a/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/_OverviewTable.cshtml
+++ b/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/_OverviewTable.cshtml
@@ -1,5 +1,5 @@
 @using DigitalLearningSolutions.Data.Models.SelfAssessments;
-@model IGrouping<string, Competency>;
+@model IGrouping<string, Competency>;
 
 <table role="table" class="nhsuk-table-responsive nhsuk-u-margin-top-4">
   <thead role="rowgroup" class="nhsuk-table__head">
@@ -28,31 +28,52 @@
 
   @foreach (var competency in Model)
   {
-<tbody class="nhsuk-table__body row-outer" id="comp-@competency.RowNo">
-  <tr role="row" class="nhsuk-table__row first-row">
-    <td role="cell" rowspan="@competency.AssessmentQuestions.Count()" class="nhsuk-table__cell">
-      <span class="nhsuk-table-responsive__heading">@competency.Vocabulary </span>@competency.Name
-      @if (competency.AlwaysShowDescription) {
-    <p class="nhsuk-u-margin-top-2">@Html.Raw(competency.Description)</p>
-      }
-    </td>
-    <partial name="Shared/_AssessmentQuestionOverviewCells" model="competency.AssessmentQuestions.First()" view-data="@(new ViewDataDictionary(ViewData) { { "competencyNumber", competency.RowNo } })" />
-    <td role="cell" rowspan="@competency.AssessmentQuestions.Count()" class="nhsuk-table__cell nhsuk-u-font-size-16">
-      <span class="nhsuk-table-responsive__heading">Action </span>
-      <a asp-action="SelfAssessmentCompetency" asp-route-selfAssessmentId="@ViewContext.RouteData.Values["selfAssessmentId"]" asp-route-competencyNumber="@competency.RowNo">
-        Review
-      </a>
-    </td>
-  </tr>
-  @foreach (var question in competency.AssessmentQuestions.Skip(1))
-  {
-    <tr role="row" class="nhsuk-table__row">
-      <partial name="Shared/_AssessmentQuestionOverviewCells" model="question" view-data="@(new ViewDataDictionary(ViewData) { { "competencyNumber", competency.RowNo } })" />
+    <tbody class="nhsuk-table__body row-outer" id="comp-@competency.RowNo">
+      <tr role="row" class="nhsuk-table__row first-row">
+        <td role="cell" rowspan="@competency.AssessmentQuestions.Count()" class="nhsuk-table__cell">
+          @if (competency.Description != null && !competency.AlwaysShowDescription)
+          {
+            <details class="nhsuk-details">
+              <summary class="nhsuk-details__summary">
+                <p class="nhsuk-u-margin-bottom-0">
+                  <span class="nhsuk-table-responsive__heading">@competency.Vocabulary </span>
+                  <span class="nhsuk-details__summary-text">@competency.Name</span>
+                </p>
+              </summary>
+              <div class="nhsuk-details__text nhsuk-u-margin-left-6 nhsuk-u-margin-top-2">
+                @(Html.Raw(@competency.Description))
+              </div>
+            </details>
+          }
+          else
+          {
+            <p class="nhsuk-u-font-weight-bold nhsuk-u-margin-bottom-0">
+              <span class="nhsuk-table-responsive__heading">@competency.Vocabulary </span>@competency.Name
+            </p>
+            @if (competency.Description != null)
+            {
+              <p class="nhsuk-u-margin-top-2">
+                @(Html.Raw(competency.Description))
+              </p>
+            }
+          }
+        </td>
+        <partial name="Shared/_AssessmentQuestionOverviewCells" model="competency.AssessmentQuestions.First()" view-data="@(new ViewDataDictionary(ViewData) { { "competencyNumber", competency.RowNo } })" />
+        <td role="cell" rowspan="@competency.AssessmentQuestions.Count()" class="nhsuk-table__cell nhsuk-u-font-size-16">
+          <span class="nhsuk-table-responsive__heading">Action </span>
+          <a asp-action="SelfAssessmentCompetency" asp-route-selfAssessmentId="@ViewContext.RouteData.Values["selfAssessmentId"]" asp-route-competencyNumber="@competency.RowNo">
+            Review
+          </a>
+        </td>
+      </tr>
+      @foreach (var question in competency.AssessmentQuestions.Skip(1))
+      {
+        <tr role="row" class="nhsuk-table__row">
+          <partial name="Shared/_AssessmentQuestionOverviewCells" model="question" view-data="@(new ViewDataDictionary(ViewData) { { "competencyNumber", competency.RowNo } })" />
 
-    </tr>
+        </tr>
 
-  }
-</tbody>
       }
-    
-  </table>
+     </tbody>
+  }    
+</table>