fix

resources/js/pages/patients/patients.vue

@@ -450,9 +450,9 @@ const onStateChange = async(newvalue)=> {
             <div class="d-flex flex-column ms-3">
                 <router-link
                   :to="{ name: 'admin-patient-profile', params: { id: item.id } }"
-                  class="text-high-emphasis  "
+                  class="highlighted"
                 >
-              <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.name }}</span>
+              <span class="d-block font-weight-medium  text-truncate">{{ item.name }}</span>
                </router-link>
               <small>{{ item.post }}</small>
             </div>
@@ -634,3 +634,10 @@ const onStateChange = async(newvalue)=> {
     </VCard>
   </VDialog>
 </template>
+<style scoped>
+.highlighted {
+  /* Add your desired highlighting styles here */
+  font-weight: bold;
+  color: #a169ff; /* or any other color you prefer */
+}
+</style>