diff --git a/community.html b/community.html
index 6ac78a1..e3387c7 100644
--- a/community.html
+++ b/community.html
@@ -31,6 +31,7 @@
       href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
       rel="stylesheet"
     />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <title>caMicroscope</title>
     <!--
 
@@ -64,11 +65,11 @@
               >About</a
             >
           </li>
-          <li class="nav-item">
+          <li class="nav-item nav-item-github">
             <a
               href="https://github.com/caMicroscope/caMicroscope"
               class="nav-link"
-              >Github</a
+              ><i class="fa fa-github" style="font-size:40px"></i></a
             >
           </li>
         </ul>
@@ -109,9 +110,11 @@
         As a general a open source quality of life improvement, we recommend working on topic branches off of your fork, and keeping your master/develop up to date with the upstream repositories. There's <a href="https://gist.github.com/anjohnson/8994c95ab2a06f7d2339">a guide to triangle workflows</a> which may be helpful for using git this way.
       </p>
       <p class="section__content__main">
-      Issues and pull requests should be against the most relevant repository (i.e. where the change would take place).
-      <b>Great Bug Reports</b> tend to have:<br/>
-      A quick summary and/or background<br/>
+      Issues and pull requests should be against the most relevant repository (i.e. where the change would take place).<br/><br/>
+      <p class="section__content__points">
+        <b>Great Bug Reports</b> tend to have:<br/>
+
+      &bull; A quick summary and/or background<br/>
         &bull; Steps to reproduce; Be specific and Give sample code if you can.<br/>
         &bull; What you expected would happen.<br/>
         &bull; What actually happens.<br/>
@@ -119,6 +122,7 @@
         &bull; State the device, platform and versions you are running on.<br/>
         &bull; Notes (possibly including why you think this might be happening, or stuff you tried that didn't work).<br/>
       </p>
+      </p>
       <br/><br/>
     </div>
     </section>
diff --git a/css/style.css b/css/style.css
index 183f682..b57d99e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -57,6 +57,10 @@ button:hover {
   margin-top: 15px;
 }
 
+.nav-item-github{
+  margin-top: 5px;
+}
+
 .nav-link {
   font-size: 16px;
   font-weight: 400;
@@ -101,6 +105,16 @@ a {
   color: #4f5d75;
 }
 
+.section__content__points{
+  margin: 0 20px;
+  margin-top: 2px;
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 30px;
+  color: #4f5d75;
+  text-align:left;
+}
+
 .section__button__colored {
   background-color: #9a2ca0;
   font-weight: 500;
@@ -110,6 +124,7 @@ a {
   color: white;
   padding: 8px 15px;
   border: 1px solid #9a2ca0;
+  margin-bottom: 10px;
 }
 
 .section__button__text {
diff --git a/index.html b/index.html
index 70eec90..3c16ab4 100644
--- a/index.html
+++ b/index.html
@@ -31,6 +31,7 @@
       href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
       rel="stylesheet"
     />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <title>caMicroscope</title>
     <!--
 
@@ -64,11 +65,11 @@
           <li class="nav-item">
             <a href="./community.html" class="nav-link">Community</a>
           </li>
-          <li class="nav-item">
+          <li class="nav-item nav-item-github">
             <a
               href="https://github.com/caMicroscope/caMicroscope"
               class="nav-link"
-              >Github</a
+              ><i class="fa fa-github" style="font-size:40px"></i></a
             >
           </li>
         </ul>