diff --git a/src/App.vue b/src/App.vue
index 462129fcbc70f1d87da04dc82576f8cd7b151fec..42308e0a3fe69e95045b88b2fcd4630185db0761 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,8 +31,13 @@ body {
   color: #6992b4;
 }
 
+.table-click{
+  background-color: #f1f7fc !important;
+  text-decoration: underline;
+}
+
 .bground-light {
-  background-color: #f1f7fc;
+  background-color: #f1f7fc ; 
 }
 
 .bground-dark {
diff --git a/src/components/table-2.vue b/src/components/table-2.vue
index ef636107f4ca285b207ef32ed5afe5d3c766d061..79d4ad08305fb93c520b770077261c85c466709c 100644
--- a/src/components/table-2.vue
+++ b/src/components/table-2.vue
@@ -36,8 +36,8 @@
               <template v-if="c.hasOwnProperty('child')">
               <template v-for="child in c.child" :key="child">
                 <template v-if="!child.hidden">
-                <td v-if="child.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable">
-                    {{ e[c.data][child.data] }}
+                <td v-if="child.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable table-click">
+                  {{ e[c.data][child.data] }}
                 </td>
                 <td v-else >
                     {{ e[c.data][child.data]}}
@@ -46,7 +46,7 @@
               </template>
               </template>
               <template v-if="!c.hidden">
-                <td v-if="c.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable">
+                <td v-if="c.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable table-click">
                     {{ e[c.data] }}
                 </td>
                 <td v-else >
diff --git a/src/components/table-response.vue b/src/components/table-response.vue
index 329b6039a82f6399aa552923d45edd55591d68ae..05d1d3f3424f330c6cb28aa7313755c4e596ccc1 100644
--- a/src/components/table-response.vue
+++ b/src/components/table-response.vue
@@ -26,7 +26,7 @@
         >
             <template v-for="c in columns" :key="c">
               <template v-if="!c.hidden && c.name!='Bukti'">
-                <td v-if="c.clickable " @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable">
+                <td v-if="c.clickable " @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable table-click">
                     {{ e[c.data] }}
                 </td>
                 <td v-else >
diff --git a/src/components/table.vue b/src/components/table.vue
index ead873c5dd54523264ac7f55baa8c2ed2fbc5e28..f5acfbc5980077af373d07d3ec327758fb33e18c 100644
--- a/src/components/table.vue
+++ b/src/components/table.vue
@@ -25,7 +25,7 @@
         >
             <template v-for="c in columns" :key="c">
               <template v-if="!c.hidden">
-                <td v-if="c.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable">
+                <td v-if="c.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable table-click">
                     {{ e[c.data] }}
                 </td>
                 <td v-else >
diff --git a/src/views/AdminIndex.vue b/src/views/AdminIndex.vue
index 5244b9735ab3677ed49c8ee0449d5591450b5adb..961dfeb1ee331fc4f11976aa5dbb2918a131038a 100644
--- a/src/views/AdminIndex.vue
+++ b/src/views/AdminIndex.vue
@@ -83,7 +83,7 @@ export default {
           name : "Username",
           data : "username",
           hidden : false,
-          clickable : true
+          clickable : false
         },
         Email: {
           name : "Email",