diff --git a/html/exhi/application/views/general/v_general_home.php b/html/exhi/application/views/general/v_general_home.php
index 9d6ff3b2f50ccaffaaa2dd86e4982b7f7c20ef20..b26a95d07142c7d9c98629b3dfefec7766ee5f35 100644
--- a/html/exhi/application/views/general/v_general_home.php
+++ b/html/exhi/application/views/general/v_general_home.php
@@ -686,10 +686,12 @@
             html += `<div><span><b>${row.name_th}</b></span></div>`;
             (row.cluster_id == 0 & row.team_id == 0) ? html += `<span>${row.prefix}${row.first_name} ${row.last_name}</span><br>`: html += `<span>บริษัท : ${row.cp_name}</span><br>`;
             (row.cluster_id == 0 & row.team_id == 0) ? html += `<span>อาจารย์ที่ปรึกษา : ${row.is_name}</span><br>`: (row.cluster_id != 0) ? html += `<span>มกุล : ${row.ct_name}</span><br>` : html += `<span>ทีม : ${row.t_name}</span><br>`;
-            html += '<div class="row mt-2">';
+            html += '<div class="card-tags row mt-2">';
             row.tags.forEach((t_row, t_index) => {
-                html += `<div class='col-4 card text-center rancolor'>`;
-                html += `<span >${t_row.tag_name}</span>`;
+                html += `<div class='col-md-4 '>`;
+                html += `<div class='card text-center rancolor'>`;
+                html += `<span>${t_row.tag_name}</span>`;
+                html += `</div>`;
                 html += `</div>`;
             });
             html += '</div>';
diff --git a/html/exhi/application/views/general/v_project_2.php b/html/exhi/application/views/general/v_project_2.php
index 218d56eb74509db70cda6d0d42ffea57a6d2f11a..480f63c8529177804f4b45c58eab68a7b1833a01 100644
--- a/html/exhi/application/views/general/v_project_2.php
+++ b/html/exhi/application/views/general/v_project_2.php
@@ -264,9 +264,11 @@
             html += `<span>มกุล : ${row.ct_name}</span><br>`;
             html += '<div class="row mt-2">';
             row.tags.forEach((t_row, t_index) => {
-                html += `<div class='col-md-4 card article-loop text-center rancolor'>`;
+                html += `<div class='col-md-4 '>`;
+                html += `<div class='card text-center rancolor'>`;
                 html += `<span>${t_row.tag_name}</span>`;
                 html += `</div>`;
+                html += `</div>`;
             });
             html += '</div>';
             html += '</div>';
diff --git a/html/exhi/application/views/general/v_project_3.php b/html/exhi/application/views/general/v_project_3.php
index 9706706b44e1621277c66a2d4f4872ba624e2525..2701807c922639725e0071cf406d9325600cd977 100644
--- a/html/exhi/application/views/general/v_project_3.php
+++ b/html/exhi/application/views/general/v_project_3.php
@@ -261,9 +261,11 @@
             html += `<span>ทีม : ${row.t_name}</span><br>`;
             html += '<div class="row mt-2">';
             row.tags.forEach((t_row, t_index) => {
-                html += `<div class='col-md-4 card article-loop text-center rancolor'>`;
+                html += `<div class='col-md-4 '>`;
+                html += `<div class='card text-center rancolor'>`;
                 html += `<span>${t_row.tag_name}</span>`;
                 html += `</div>`;
+                html += `</div>`;
             });
             html += '</div>';
             html += '</div>';
diff --git a/html/exhi/application/views/general/v_project_4.php b/html/exhi/application/views/general/v_project_4.php
index 8fa33096daf8e9842a9b0e73d01ba61a2511ebb8..b38647b59eeb1e3f75fad4da8d2b623040c443d9 100644
--- a/html/exhi/application/views/general/v_project_4.php
+++ b/html/exhi/application/views/general/v_project_4.php
@@ -344,9 +344,11 @@
             html += `<span>อาจารย์ที่ปรึกษา : ${row.is_name}</span><br>`;
             html += '<div class="row mt-2">';
             row.tags.forEach((t_row, t_index) => {
-                html += `<div class='col-md-4 card article-loop text-center rancolor'>`;
+                html += `<div class='col-md-4 '>`;
+                html += `<div class='card text-center rancolor'>`;
                 html += `<span>${t_row.tag_name}</span>`;
                 html += `</div>`;
+                html += `</div>`;
             });
             html += '</div>';
             html += '</div>';
diff --git a/html/exhi/application/views/general/v_search.php b/html/exhi/application/views/general/v_search.php
index c3780d28f7147cd4d44aae75bdefde8f9ad33d29..79d1ccf42e4172a7ca0556d3f74dcc6fa9d0afcc 100644
--- a/html/exhi/application/views/general/v_search.php
+++ b/html/exhi/application/views/general/v_search.php
@@ -371,9 +371,11 @@ $s_value = (!isset($s_value)) ? '' : $s_value;
             (row.cluster_id == 0 & row.team_id == 0) ? html += `<span>อาจารย์ที่ปรึกษา : ${row.is_name}</span><br>`: (row.cluster_id != 0) ? html += `<span>มกุล : ${row.ct_name}</span><br>` : html += `<span>ทีม : ${row.t_name}</span><br>`;
             html += '<div class="row mt-2">';
             row.tags.forEach((t_row, t_index) => {
-                html += `<div class='col-md-4 card article-loop text-center rancolor'>`;
+                html += `<div class='col-md-4 '>`;
+                html += `<div class='card text-center rancolor'>`;
                 html += `<span>${t_row.tag_name}</span>`;
                 html += `</div>`;
+                html += `</div>`;
             });
             html += '</div>';
             html += '</div>';