diff --git a/assets/opalestate.css b/assets/opalestate.css
index 40b3c154..c1b5eac9 100755
--- a/assets/opalestate.css
+++ b/assets/opalestate.css
@@ -1019,7 +1019,9 @@ Use it to make something cool, have fun, and share what you've learned with othe
   .opalesate-archive-top .opalestate-results {
     line-height: 45px; }
   .opalesate-archive-top .opalestate-sortable {
-    display: inline-block; }
+    display: inline-block;
+    min-width: 180px;
+    text-align: left; }
     .opalesate-archive-top .opalestate-sortable .form-control, .opalesate-archive-top .opalestate-sortable .select2-selection--single {
       padding-top: 8px; }
 
@@ -1036,7 +1038,7 @@ Use it to make something cool, have fun, and share what you've learned with othe
     font-size: 18px; }
     .display-mode .btn:not(:disabled):not(.disabled).active, .display-mode .btn:not(:disabled):not(.disabled):hover {
       background-color: transparent;
-      color: #02ce76; }
+      color: #2f73e9; }
 
 .page-template-user-management header, .page-template-user-management footer, .page-template-user-management #colophon {
   display: none; }
diff --git a/assets/scss/opalestate/_archive.scss b/assets/scss/opalestate/_archive.scss
index 7c82b822..c331eeb9 100755
--- a/assets/scss/opalestate/_archive.scss
+++ b/assets/scss/opalestate/_archive.scss
@@ -63,6 +63,8 @@
 	}
 	.opalestate-sortable{
 		display: inline-block;
+		min-width: 180px;
+		text-align: left;
 		.form-control,.select2-selection--single{
 			padding-top: 8px;
 		}
@@ -82,7 +84,7 @@
 		font-size: 18px;
         &.active,&:hover{
             background-color: transparent;
-            color: $secondary;
+            color: $primary;
         }
     }
 }