diff --git a/public/assets/stylesheet/check_in.css b/public/assets/stylesheet/check_in.css
index d5f9eb9a..3b605eb5 100644
--- a/public/assets/stylesheet/check_in.css
+++ b/public/assets/stylesheet/check_in.css
@@ -102,6 +102,7 @@ section.attendeeList {
     width: 40px;
     height: 40px;
     line-height: 20px;
+    background-color: #ebebeb;
 }
 
 .at.arrived {
diff --git a/resources/views/ManageEvent/CheckIn.blade.php b/resources/views/ManageEvent/CheckIn.blade.php
index 93ae05cd..b28ec3e2 100644
--- a/resources/views/ManageEvent/CheckIn.blade.php
+++ b/resources/views/ManageEvent/CheckIn.blade.php
@@ -88,7 +88,7 @@
                         @click="toggleCheckin(attendee)"
                         v-for="attendee in attendees"
                         class="at list-group-item"
-                        :class = "{arrived : attendee.has_arrived}"
+                        :class = "{arrived : attendee.has_arrived || attendee.has_arrived == '1'}"
                         >
                         Name: <b>@{{ attendee.first_name }} @{{ attendee.last_name }} </b> &nbsp; <span v-if="!attendee.is_payment_received" class="label label-danger">Awaiting Payment</span>
                         <br>