diff --git a/pkgs/plt-services/meta/pkg-index/official/static/index.html b/pkgs/plt-services/meta/pkg-index/official/static/index.html
index 3ef2af64cd..5cd2db7cfc 100644
--- a/pkgs/plt-services/meta/pkg-index/official/static/index.html
+++ b/pkgs/plt-services/meta/pkg-index/official/static/index.html
@@ -7,7 +7,6 @@
     <script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
     <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
     <script src="/index.js"></script>
-    <link rel="stylesheet" href="/style.css">
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta charset="utf-8" />
@@ -15,7 +14,8 @@
     <link rel="icon" type="image/ico" />
     <link rel="shortcut icon" type="image/x-icon" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
-    <link rel="stylesheet" href="http://racket-lang.org/gumby-slice.css" />
+    <link rel="stylesheet" href="http://racket-lang.org/gumby.css" />
+    <link rel="stylesheet" href="/style.css">
   </head>
   <body>
     <div class="navbar gumby-content" gumby-fixed="top" id="nav1"><div class="row">
@@ -25,6 +25,7 @@
           <li></li>
           <li></li></ul></div></div>
 
+    <div class="bodycontent">
     <div class="breadcrumb">
       <span><a href="/">Packages</a></span>
       <span id="logout"></span>
@@ -105,5 +106,6 @@
       by <a href="http://faculty.cs.byu.edu/~jay">Jay McCarthy</a>.
       <a href="/atom.xml">Atom</a> feed available.
     </div>
+    </div>
   </body>
 </html>
diff --git a/pkgs/plt-services/meta/pkg-index/official/static/style.css b/pkgs/plt-services/meta/pkg-index/official/static/style.css
index ce669961ef..add9d8a60f 100644
--- a/pkgs/plt-services/meta/pkg-index/official/static/style.css
+++ b/pkgs/plt-services/meta/pkg-index/official/static/style.css
@@ -6,6 +6,7 @@ a img {
     border: 0;
 }
 
+/*
 body {
     color: black;
     background-color: white;
@@ -13,17 +14,18 @@ body {
     margin: 0px;
     padding: 0px;
 }
+*/
 
 .breadcrumb {
     padding-left: 1em;
     padding-right: 1em;
-    background: #FFCC66;
+    background: black; /* #FFCC66; */
     font-size: 120%;
     font-weight: bold;
 }
 
 .breadcrumb a,span.not-this {
-    color: black;
+    color: white;
     text-decoration: none;
     font-weight: normal;
 }
@@ -48,23 +50,28 @@ table.packages {
 }
 
 table.packages thead tr {
-    background: #FFCC66;
+    color: white;
+    background: black; /* #FFCC66; */
 }
 
+/*
 table.packages tbody tr.even {
     background: #F5F5DC;
 }
+*/
 
 .recent td:nth-child(1):before {
     content: "*";
     color: red;
 }
 
-#menu {
-    text-align: center;
-    width: 100%;
-    margin-top: 1em;
-    margin-bottom: 1em;
+#search_menu {
+    text-align: left;
+    width: 95%;
+    margin-left: 1em;
+    margin-right: 1em;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
 }
 
 .menu_option {
@@ -114,9 +121,9 @@ div.delete {
 }
 
 #footer {
-    width: 90%;
+    width: 100%;
     text-align: right;
-    background: #FFCC66;
+    background: black; /* #FFCC66; */
     padding-right: 3em;
 }
 
@@ -170,6 +177,10 @@ tr#pi_delete_row td {
 .build_red { background-color: #ffcccc; }
 
 /* racket nav */
+.navbar {
+    margin-bottom: 0px;
+}
+
 .racketnav {
   background-color: #000000;
   color: #ffffff;
