diff --git a/client/src/components/JobInformation/JobInformation.test.js b/client/src/components/JobInformation/JobInformation.test.js
index 0eab9f09f0e0..12b63df67f2d 100644
--- a/client/src/components/JobInformation/JobInformation.test.js
+++ b/client/src/components/JobInformation/JobInformation.test.js
@@ -68,7 +68,7 @@ describe("JobInformation/JobInformation.vue", () => {
     });
 
     it("job messages", async () => {
-        const rendered_link = jobInfoTable.findAll(`#job-messages li`);
+        const rendered_link = jobInfoTable.findAll(`#job-messages .job-message`);
         expect(rendered_link.length).toBe(jobResponse.job_messages.length);
         for (let i = 0; i < rendered_link.length; i++) {
             const msg = rendered_link.at(i).text();
diff --git a/client/src/components/JobInformation/JobInformation.vue b/client/src/components/JobInformation/JobInformation.vue
index 9ee7707a121b..5eb0b720749f 100644
--- a/client/src/components/JobInformation/JobInformation.vue
+++ b/client/src/components/JobInformation/JobInformation.vue
@@ -107,7 +107,7 @@ function filterMetadata(jobMessages) {
                     <td>Job Messages</td>
                     <td>
                         <ul v-if="Array.isArray(job.job_messages)" class="pl-2 mb-0">
-                            <div v-for="(message, m) in filterMetadata(job.job_messages)" :key="m">
+                            <div v-for="(message, m) in filterMetadata(job.job_messages)" :key="m" class="job-message">
                                 <div v-if="job.job_messages.length > 1">
                                     <u>Job Message {{ m + 1 }}:</u>
                                 </div>