diff --git a/source/static/ReviewCard.css b/source/static/ReviewCard.css
index 33b8dc1..87b5958 100644
--- a/source/static/ReviewCard.css
+++ b/source/static/ReviewCard.css
@@ -90,19 +90,24 @@ main {
 /* Unchecked stars */
 .rating:not(:checked) > label {
   /* Make stars line up sideways and not vertically */
-  float: right; 
+  float: right;
 
   /* Hide label text */
   width: 1em;
   overflow: hidden;
   white-space: nowrap;
 
+  /* Star default color and size */
   font-size: 200%;
   line-height: 1.2;
   color: #b3b3cc;
 }
 
-.rating:not(:checked) > label:before {
+.rating > label:active {
+  position: relative;
+}
+
+.rating:not(:checked) > label::before {
   content: "★";
 }
 
@@ -116,13 +121,9 @@ main {
   color: orangered;
 }
 
-.rating > label:active {
-  position: relative;
-}
-
 .rating > input:checked + label:hover,
-.rating > input:checked + label:hover ~ label,
 .rating > input:checked ~ label:hover,
+.rating > input:checked + label:hover ~ label,
 .rating > input:checked ~ label:hover ~ label,
 .rating > label:hover ~ input:checked ~ label {
   color: orangered;