diff --git a/gracedb/templates/gracedb/event_detail.html b/gracedb/templates/gracedb/event_detail.html
index 7b3eebe6ad63a37580704834a47decd7ab2d91b2..3fd5134416d58c6862f50f7cf5c3fdfb774dc094 100644
--- a/gracedb/templates/gracedb/event_detail.html
+++ b/gracedb/templates/gracedb/event_detail.html
@@ -180,7 +180,7 @@
 <br>
 <h4> Basic Info </h4>
 
-<table class="table table-bordered-sm">
+<table class="table table-responsive-sm w-auto">
     <thead class="thead-dark">
     <tr>
             <th scope="col" valign="top">UID</th>
diff --git a/gracedb/templates/gracedb/index.html b/gracedb/templates/gracedb/index.html
index 8738ab739d40b7343acfc7d7891d5a4b228b3c78..3f581277883143e26b8cfa80281a056b094d0466 100644
--- a/gracedb/templates/gracedb/index.html
+++ b/gracedb/templates/gracedb/index.html
@@ -52,22 +52,22 @@ body {
 
   <h5>GraceDB Overview</h5>
     <hr>
-    <p>
+    <p class="font-weight-lighter">
     The <b>Gra</b>vitational-Wave <b>C</b>andidate <b>E</b>vent <b>D</b>ata<b>b</b>ase (<b>GraceDB</b>) is a service operated by the <a href="https://www.ligo.org/">LIGO Scientific Collaboration</a>. It provides a centralized location for aggregating and retrieving information about candidate gravitational-wave events. GraceDB provides an <a href="{% url "legacy_apiweb:default:root" %}">API</a> for programmatic access, and a <a href="https://ligo-gracedb.readthedocs.io/">client package</a> is available for interacting with the API.
     </p>
    <br>
    <h5>Useful information</h5>
     <hr>
-    <li>Information about GW alerts and real-time data products is available in the <a href="https://emfollow.docs.ligo.org/userguide/">LIGO/Virgo Public Alert Guide</a>.</li>
-    <li><a href="https://monitor.ligo.org/ldg">Real-time status of the LIGO Data Grid</a>.</li>
-    <li>Found a bug? LIGO/Virgo users can report issues on the GraceDB <a href="https://git.ligo.org/lscsoft/gracedb/issues">Gitlab page</a>.</li>
+    <li class="font-weight-lighter">Information about GW alerts and real-time data products is available in the <a href="https://emfollow.docs.ligo.org/userguide/">LIGO/Virgo Public Alert Guide</a>.</li>
+    <li class="font-weight-lighter"><a href="https://monitor.ligo.org/ldg">Real-time status of the LIGO Data Grid</a>.</li>
+    <li class="font-weight-lighter">Found a bug? LIGO/Virgo users can report issues on the GraceDB <a href="https://git.ligo.org/lscsoft/gracedb/issues">Gitlab page</a>.</li>
     </ul>
     <br>
 {% if information %}
     {{ information|safe }}
 {% endif %}
      <br>
-    <p><small><b>Server code version: </b> <a href="https://git.ligo.org/lscsoft/gracedb/tree/gracedb-{{server_version}}" style="font-family: 'Courier New'">{{server_version}}</a></p></small>
+    <p class="font-weight-lighter"><small><b>Server code version: </b> <a href="https://git.ligo.org/lscsoft/gracedb/tree/gracedb-{{server_version}}" class="text-monospace" >{{server_version}}</a></p></small>
 </div>
 
 <!--XXX Infrastructure for human signoffs. Hopefully this will not be permanent. -->
diff --git a/gracedb/templates/navbar_frag.html b/gracedb/templates/navbar_frag.html
index 9d71c8b1dcb70e612ffea623984f4b0282768620..5daf9ff00c85c3e7efd2ccb5bc1c1100f5d1942f 100644
--- a/gracedb/templates/navbar_frag.html
+++ b/gracedb/templates/navbar_frag.html
@@ -22,38 +22,38 @@
       </li>
 
       <li class="nav-item">
-         <a class="nav-link text-light" href="{% url "latest" %}">Latest</a>
+         <a class="nav-link text-light font-weight-light" href="{% url "latest" %}">Latest</a>
       </li>
 
       <li class="nav-item">
-         <a class="nav-link text-light" href="{% url "mainsearch" %}">Search</a>
+         <a class="nav-link text-light font-weight-light" href="{% url "mainsearch" %}">Search</a>
       </li>
 
       {% if user_is_internal %}
 
         <li class="nav-item">
-           <a class="nav-link text-light" href="{% url "alerts:index" %}">Alerts</a>
+           <a class="nav-link text-light font-weight-light" href="{% url "alerts:index" %}">Alerts</a>
         </li>
 
         <li class="nav-item">
-           <a class="nav-link text-light" href="{% url "manage-pipelines" %}">Pipelines</a>
+           <a class="nav-link text-light font-weight-light" href="{% url "manage-pipelines" %}">Pipelines</a>
         </li>
 
       {% elif user_is_lvem %}
         <li class="nav-item">
-           <a class="nav-link text-light" href="{% url "manage-password" %}">Manage Password</a>
+           <a class="nav-link text-light font-weight-light" href="{% url "manage-password" %}">Manage Password</a>
         </li>
 
       {% endif %}
 
       <li class="nav-item">
-         <a class="nav-link text-light" href="{% url "home" %}documentation/">Documentation</a>
+         <a class="nav-link text-light font-weight-light" href="{% url "home" %}documentation/">Documentation</a>
       </li>
 
       {% if user %}
           {% if user.is_superuser %}
               <li class="nav-item">
-                 <a class="nav-link text-light" href="{% url "home" %}admin_docs/">Admin Docs</a>
+                 <a class="nav-link text-light font-weight-light" href="{% url "home" %}admin_docs/">Admin Docs</a>
               </li>
           {% endif %}
       {% endif %}
@@ -61,12 +61,12 @@
       {% if user.is_authenticated %}
 
          <li class="nav-item">
-            <a class="nav-link text-light" href="{% url "logout" %}?next={{ request.path }}">Logout</a>
+            <a class="nav-link text-light font-weight-light" href="{% url "logout" %}?next={{ request.path }}">Logout</a>
          </li>
 
       {% else %}
          <li class="nav-item">
-            <a class="nav-link text-light" href="{% url "login" %}?next={{ request.path }}">Login</a>
+            <a class="nav-link text-light font-weight-light" href="{% url "login" %}?next={{ request.path }}">Login</a>
          </li>
       {% endif %}
     </ul>