diff --git a/anatomy/static/css/anatomy.css b/anatomy/static/css/anatomy.css
index 16987f3a..79d733b1 100644
--- a/anatomy/static/css/anatomy.css
+++ b/anatomy/static/css/anatomy.css
@@ -699,4 +699,9 @@ input {
 .sba-answer-list .correct {
   background-color: green;
   color: white;
+}
+
+.id {
+  opacity: 50%;
+  font-size: small;
 }
\ No newline at end of file
diff --git a/anatomy/templates/anatomy/exam_overview.html b/anatomy/templates/anatomy/exam_overview.html
index b86771bb..4e64e1c0 100644
--- a/anatomy/templates/anatomy/exam_overview.html
+++ b/anatomy/templates/anatomy/exam_overview.html
@@ -33,8 +33,8 @@
             <br />
             {{ question.question_type }}: {{ question.get_primary_answer }}
             <br />
-            Modality: {{ question.modality }}, <a href="{% url 'anatomy:question_detail' pk=question.pk %}">View</a>, <a href="{% url 'anatomy:mark' pk=exam.pk sk=forloop.counter0 %}">Mark</a>
-                [id: {{question.pk}}]
+            Modality: {{ question.modality }}, <a href="{% url 'anatomy:question_detail' pk=question.pk %}">View</a>, <a href="{% url 'anatomy:mark' pk=exam.pk sk=forloop.counter0 %}">Mark</a> 
+                <span class="id">[id: {{question.pk}}]</span>
         </li>
         {% endfor %}
     </ol>
diff --git a/longs/templates/longs/exam_overview.html b/longs/templates/longs/exam_overview.html
index 2e65abbe..f26d3177 100644
--- a/longs/templates/longs/exam_overview.html
+++ b/longs/templates/longs/exam_overview.html
@@ -43,7 +43,7 @@
                     <a href="{% url 'longs:exam_question_detail' exam.id forloop.counter0 %}"
                         title="View the question">View</a> / <a href="{% url 'longs:long_update' question.id %}"
                         title="Edit the question">Edit</a>
-                        [id: {{question.pk}}]
+                        <span class="id">[id: {{question.pk}}]</span>
                 </div>
             </span>
             <span class="flex-col-3">
diff --git a/rapids/templates/rapids/exam_overview.html b/rapids/templates/rapids/exam_overview.html
index d97c6561..ab36fd27 100644
--- a/rapids/templates/rapids/exam_overview.html
+++ b/rapids/templates/rapids/exam_overview.html
@@ -55,7 +55,7 @@
                 Examination: {{ question.get_examinations }}, <a
                     href="{% url 'rapids:question_detail' pk=question.pk %}">View</a>, <a
                     href="{% url 'rapids:mark' pk=exam.pk sk=forloop.counter0 %}">Mark</a>
-                [id: {{question.pk}}]
+                <span class="id">[id: {{question.pk}}]</span>
             </span>
         </li>
         {% endfor %}
diff --git a/static/css/anatomy.css b/static/css/anatomy.css
index 16987f3a..79d733b1 100644
--- a/static/css/anatomy.css
+++ b/static/css/anatomy.css
@@ -699,4 +699,9 @@ input {
 .sba-answer-list .correct {
   background-color: green;
   color: white;
+}
+
+.id {
+  opacity: 50%;
+  font-size: small;
 }
\ No newline at end of file