diff --git a/www/css/core.css b/www/css/core.css
index d4c0f362..f54d3740 100644
--- a/www/css/core.css
+++ b/www/css/core.css
@@ -455,7 +455,8 @@ nav a[rel]:focus{
 
 a.button:active,
 a[rel~="previous"]:active,
-a[rel~="next"]:active{
+a[rel~="next"]:active,
+aside.sort button:active{
 	top: 2px;
 	left: 2px;
 	box-shadow: none;
@@ -493,22 +494,42 @@ a[rel="previous"][href]:hover::before{
 	transition: all 200ms ease;
 }
 
-aside.sort p{
-	width: 100%;
-	margin-bottom: 1rem;
+aside.sort select{
+	margin-left: .5rem;
+	background-color: rgba(0, 0, 0, .1);
+	border-radius: 5px;
+	padding: 4px;
+	color: #222;
+	font-family: 'League spartan', sans-serif;
+	text-transform: lowercase;
+	box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset;
+	font-size: 18px;
+	cursor: pointer;
 }
 
-aside.sort a.button.check:before{
-	font-family: "FontAwesome";
-	content: "\f00c";
+aside.sort button{
 	position: relative;
-	right: 0;
-	margin-right: .5rem;
+	margin-left: .5rem;
+	font-style: normal;
+	box-sizing: border-box;
+	background-color: #1d6878;
+	border: 0;
+	border-radius: 5px;
+	padding: .25rem 1rem;
+	color: #fff;
+	text-decoration: none;
+	font-size: 18px;
+	font-family: 'League spartan', sans-serif;
+	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
+	box-shadow: 2px 2px 0 #194149;
+	text-transform: lowercase;
+	cursor: pointer;
 }
 
 a.button:hover,
 a[rel~="previous"]:hover,
-a[rel~="next"]:hover{
+a[rel~="next"]:hover,
+aside.sort button:hover{
 	background-color: #288da4;
 }