diff --git a/static/css/directives/components/pages/repo-page/body.scss b/static/css/directives/components/pages/repo-page/body.scss
index 3b038c788..27eaadbf9 100644
--- a/static/css/directives/components/pages/repo-page/body.scss
+++ b/static/css/directives/components/pages/repo-page/body.scss
@@ -21,22 +21,21 @@
 
   li.active a {
     color: #51a3d9;
-    border: none;
     border-bottom: 1px solid #51a3d9;
 
     &:hover {
       color: #51a3d9;
-      border: none;
       border-bottom: 1px solid #51a3d9;
     }
   }
 
   li a {
     color: #333;
-    
+    border-bottom: 1px solid #DDD;
     &:focus,
     &:hover {
-      border: none;
+      border: 1px solid #fff;
+      border-bottom: 1px solid #ddd;
       background-color: #fff;
     }
   }
diff --git a/static/js/directives/components/pages/repo-page/body.tsx b/static/js/directives/components/pages/repo-page/body.tsx
index 172a94db5..a6145e85b 100644
--- a/static/js/directives/components/pages/repo-page/body.tsx
+++ b/static/js/directives/components/pages/repo-page/body.tsx
@@ -14,14 +14,18 @@ class body extends React.Component<IBody, {}> {
   }
   render () {
     let description: string = this.props.description;
-    if (description === "") {
+    if (description === null || description === "") {
       description = "No Description";
     }
     return(
       <div>
         <ul className="nav nav-tabs rp-tabs">
-          <li className="active"><a href="#tab1" data-toggle="tab">Description</a></li>
-          <li><a href="#tab2" data-toggle="tab">Automated Builds</a></li>
+          <li className="active">
+            <a data-target="#tab1" data-toggle="tab">Description</a>
+          </li>
+          <li>
+            <a data-target="#tab2" data-toggle="tab">Automated Builds</a>
+          </li>
         </ul>
           <div className="panel-body rp-panelBody">
               <div className="tab-content">