diff --git a/server/djrandom/frontend/static/css/style.css b/server/djrandom/frontend/static/css/style.css
index c052cd69c7c8df9a5f9e79b5d63bd43ec0f0ee5d..3099ed9d26dee3feb7bb558ab2371e4418e5449a 100644
--- a/server/djrandom/frontend/static/css/style.css
+++ b/server/djrandom/frontend/static/css/style.css
@@ -29,17 +29,14 @@ body {
 }
 
 #queryField {
-	width:75%;
-    font-size: 1.1em;
-	border:1px solid red;
-}
-
-a#playlistLast25,a#playlistRandom,a#playlistMost {
-	font-size:0.8em;
+   width:75%;
+   font-size: 1.1em;
+   border:1px solid red;
 }
 
-a#playlistExtendBtn,a#playlistClearBtn,a#playlistStreamBtn {
-	font-size:0.8em;
+.buttonbox a {
+   font-size:0.8em;
+   cursor: pointer;
 }
 h1 {
     font-size: 66px;
diff --git a/server/djrandom/frontend/templates/index.html b/server/djrandom/frontend/templates/index.html
index 5c79659177a711a6fce60f339963e43d0a9d958d..711f6a91b080b060eee041f9aba94a3e804d6a85 100644
--- a/server/djrandom/frontend/templates/index.html
+++ b/server/djrandom/frontend/templates/index.html
@@ -103,7 +103,7 @@ DJ:Random
     </p>
   </form>
 
-  <div id="playlistButtons" >
+  <div id="playlistButtons" class="buttonbox">
     <a id="playlistLast5">Last 5</a>,&nbsp;<a id="playlistLast25">(25)</a>     
     | <a id="playlistRandom5">Random 5</a>,&nbsp;<a id="playlistRandom25">(25)</a>     
     | <a id="playlistMost5">Most 5</a>,&nbsp;<a id="playlistMost25">(25)</a>     
@@ -112,7 +112,7 @@ DJ:Random
   <div id="playlistDiv">
   </div>
 
-  <div id="playlistControls">
+  <div id="playlistControls" class="buttonbox">
     <a id="playlistExtendBtn">Extend</a>
     | <a id="playlistClearBtn">Clear</a>
     | <a id="playlistStreamBtn">Stream</a>