diff --git a/app/logic/events.py b/app/logic/events.py
index b3288e05d..b85724b95 100644
--- a/app/logic/events.py
+++ b/app/logic/events.py
@@ -309,7 +309,7 @@ def getUpcomingEventsForUser(user, asOf=datetime.now(), program=None):
     if program:
         events = events.where(Event.program == program)
 
-    events = events.order_by(Event.startDate, Event.name)
+    events = events.order_by(Event.startDate, Event.timeStart)
 
     events_list = []
     shown_recurring_event_list = []
diff --git a/app/static/css/userProfile.css b/app/static/css/userProfile.css
index ac474dcf7..cd5414a3b 100644
--- a/app/static/css/userProfile.css
+++ b/app/static/css/userProfile.css
@@ -2,10 +2,14 @@
   vertical-align: middle;
 }
 
-.ongoing-event{
+.past-event{
     opacity:0.6;
 }
 
+.ongoing-event{
+    background-color: #cdebaa;
+}
+
 dt { 
     font-weight: normal;
     padding: 5px; 
diff --git a/app/templates/main/userProfile.html b/app/templates/main/userProfile.html
index 6de16a6a2..0f9b4804e 100644
--- a/app/templates/main/userProfile.html
+++ b/app/templates/main/userProfile.html
@@ -97,15 +97,26 @@ <h3 class="accordion-header" id="headingOne">
                 <th scope="col">Event Name</th>
                 <th scope="col">Event Date</th>
                 <th nowrap scope="col">Start Time</th>
+                <th nowrap scope="col">End Time</th>
                 <th scope="col">Location</th>
                 <th scope="col">RSVP Status</th>
               </thead>
               {% for event in upcomingEvents %}
-                <tr class="{% if event.startDate == currentDateTime.date() and event.timeStart < currentDateTime.time() %} ongoing-event {% endif %}{% if event.startDate == currentDateTime.date() and not event.timeStart < currentDateTime.time() %} bg-info {% endif %}">
+
+              {% set eventStatus = 'future-event' %}
+              {% if event.isPastStart %}
+                {% set eventStatus = 'ongoing-event' %}
+              {% endif %}
+              {% if event.isPastEnd %}
+                {% set eventStatus = 'past-event' %}
+              {% endif %}
+
+              <tr class="{{ eventStatus }}">
                   <td>{{event.program.programName if event.program else '--'}}</td>
                   <td><a href= '/event/{{event.id}}/view' class="link-primary">{{event.name}}</a></td>
-                  <td nowrap>{{event.startDate.strftime('%m/%d/%Y')}}</td>
+                  <td nowrap>{{ '<i>In Progress</i>' | safe if eventStatus == 'ongoing-event' else event.startDate.strftime('%m/%d/%Y') }}</td>
                   <td nowrap>{{event.timeStart.strftime('%-I:%M %p')}}</td>
+                  <td nowrap>{{event.timeEnd.strftime('%-I:%M %p')}}</td>
                   <td>{{event.location}}</td>
                   {% if (event.isRsvpRequired) and (event.id in rsvpedEvents) %}
                     <td>You have RSVP'd for this event.</td>