diff --git a/Apollo/assets/views/courseDetails.html b/Apollo/assets/views/courseDetails.html
index 09eb3910..3ef2b096 100644
--- a/Apollo/assets/views/courseDetails.html
+++ b/Apollo/assets/views/courseDetails.html
@@ -1,3 +1,13 @@
+<style>
+    b.fa {
+        display: inline-block;
+        border-radius: 60px;
+        box-shadow: 0px 0px 2px #007AFF;
+        padding: 0.5em 0.6em;
+
+
+    }
+</style>
 <!-- start: PAGE TITLE -->
 <section id="page-title">
     <div class="row">
@@ -72,11 +82,16 @@
                                         <td>{{p.UniversityName}}</td>
 
                                         <td>
-                                                <input type=button class="btn btn-info btn-sm"
-                                                       id="editRowBtn{{p.CourseID}}" value="Modify"
-                                                       ng-click="setEditId(p.CourseID);">
+                                            <a href="#"  class="text-primary" id="editRowBtn{{p.CourseID}}" ng-click="setEditId(p.CourseID);"><b class="fa fa-hover fa-pencil " aria-hidden="true"></b>
+                                            </a>
 
                                            </td>
+
+
+
+
+
+
                                     </tr>
                                     <tr ng-show="editId === p.CourseID" ng-if="editId === p.CourseID" style="width: ">
                                         <td colspan="6" ng-include