diff --git a/src/interface/templates/index.html b/src/interface/templates/index.html
index 0a76202..b0d1d4b 100755
--- a/src/interface/templates/index.html
+++ b/src/interface/templates/index.html
@@ -9,15 +9,20 @@
     <link type="text/css" rel="stylesheet" href="/static/css/main.css" />
     <link type="text/css" rel="stylesheet" href="/static/css/mobile.css" />
     <link type="text/css" rel="stylesheet" href="/static/css/all-fa.css" />
+    <link type="text/css" rel="stylesheet" href="/static/css/jquery-ui.min.css" />
+    <link type="text/css" rel="stylesheet" href="/static/css/jquery-ui.structure.min.css" />
+    <link type="text/css" rel="stylesheet" href="/static/css/jquery-ui.theme.min.css" />
+    <link type="text/css" rel="stylesheet" href="/static/css/theme.css" />
     <title>pyShelf E-Book Server</title>
     <link href="https://fonts.googleapis.com/css2?family=Gruppo&family=Montserrat&family=Ubuntu&display=swap" rel="stylesheet">
     <script src="/static/js/jquery-3.4.1.min.js" type="text/javascript"></script>
+    <script src="/static/js/jquery-ui.min.js" type="text/javascript"></script>
     <!-- Place this tag in your head or just before your close body tag. -->
     <script async defer src="https://buttons.github.io/buttons.js"></script>
     <script src="/static/js/pyshelf_ux.js" type="text/javascript"></script>
     <script type="text/javascript">
         var collections={{ CollectionObject|safe }};
-        //document.write(collections.length) collections
+        //document.write(collections.length) //collections
     </script>
 </head>
 
@@ -34,7 +39,7 @@
                 <div class="hdr_nav" id="hdr_nav_center">
                     <ul id="tab_nav_menu">
                         <li class="nav_menu_tab active_tab" id="btn-home" data-location="/home"><i class="fas fa-home"></i>&nbsp;Home</li>
-                        <li class="nav_menu_tab"><i class="fas fa-layer-group"></i>&nbsp;Collections</li>
+                        <li class="nav_menu_tab" id="coll_button"><i class="fas fa-layer-group"></i>&nbsp;Collections</li>
                         <li class="nav_menu_tab"><i class="fas fa-star"></i><a href="/favorites" class="nav_link">&nbsp;Favorites,</a></li>
                         <li class="nav_menu_tab"><i class="fas fa-bug"></i>&nbsp;Bug report</li>
                         <li class="nav_menu_tab" id="btn_login"> <i class="fa fa-user-circle" aria-hidden="true"></i>