diff --git a/src/pages/Academic/assignment.vue b/src/pages/Academic/assignment.vue
index d47db73..43a0298 100644
--- a/src/pages/Academic/assignment.vue
+++ b/src/pages/Academic/assignment.vue
@@ -264,12 +264,17 @@
             v-if="!props.item.teacherId"
           >{{ props.item.schoolId.name }}</td>
           <td class="text-xs-center td td-row">
-            <a :href="props.item.file" target="_blank" style="text-decoration: none!important;">
-              <v-btn flat block @click="generatePDF2Canvas(props.item)" :loading="loadingPdf">
-                <span>
-                  <h5>{{props.item.fileName}}</h5>
-                </span>
-              </v-btn>
+            <a
+              class="hover"
+              :href="props.item.file"
+              target="_blank"
+              style="text-decoration: none!important; color: grey"
+              @click="generatePDF2Canvas(props.item)"
+              :loading="loadingPdf"
+            >
+              <!-- <span> -->
+              <h5>{{props.item.fileName}}</h5>
+              <!-- </span> -->
             </a>
           </td>
           <td class="text-xs-center td td-row">
@@ -927,4 +932,11 @@ export default {
     this.getClass();
   },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+a:hover :hover {
+  text-decoration: underline !important;
+  color: blue;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/Academic/syllabus.vue b/src/pages/Academic/syllabus.vue
index c4183fd..e5b7fb9 100644
--- a/src/pages/Academic/syllabus.vue
+++ b/src/pages/Academic/syllabus.vue
@@ -208,15 +208,16 @@
               dark
             >{{ props.item.fileType }}</v-btn>-->
             <a
+              class="hover"
               :href="props.item.documentUrl"
               target="_blank"
-              style="text-decoration: none!important;"
+              style="text-decoration: none!important; color: grey"
             >
-              <v-btn flat block>
-                <span>
-                  <h5>{{props.item.fileName}}</h5>
-                </span>
-              </v-btn>
+              <!-- <v-btn flat block>
+              <span>-->
+              <h5>{{props.item.fileName}}</h5>
+              <!-- </span>
+              </v-btn>-->
             </a>
           </td>
           <td class="text-xs-center td td-row">
@@ -806,4 +807,11 @@ export default {
     this.getClass();
   },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+a:hover :hover {
+  text-decoration: underline !important;
+  color: blue;
+}
+</style>
\ No newline at end of file