diff --git a/app/internal_packages/events/lib/event-header.tsx b/app/internal_packages/events/lib/event-header.tsx
index 9d553c622..b61925195 100644
--- a/app/internal_packages/events/lib/event-header.tsx
+++ b/app/internal_packages/events/lib/event-header.tsx
@@ -134,13 +134,13 @@ export class EventHeader extends React.Component<EventHeaderProps, EventHeaderSt
           <span className="event-title">{icsEvent.summary}</span>
         </div>
         <div className="event-body">
-          {icsMethod === 'request' ? this._renderRSVP() : this._renderSenderResponse()}
           <div className="event-date">
             <div className="event-day">{day}</div>
             <div>
               <div className="event-time">{time}</div>
             </div>
             <div className="event-location">{icsEvent.location}</div>
+            {icsMethod === 'request' ? this._renderRSVP() : this._renderSenderResponse()}
           </div>
         </div>
       </div>
diff --git a/app/internal_packages/events/styles/events.less b/app/internal_packages/events/styles/events.less
index e2554eb4a..d75012e75 100644
--- a/app/internal_packages/events/styles/events.less
+++ b/app/internal_packages/events/styles/events.less
@@ -35,6 +35,7 @@
 
   .event-body {
     padding: @padding-small-horizontal;
+    color: @text-color;
 
     .event-date {
       display: inline-block;
@@ -55,14 +56,12 @@
 
     .event-actions {
       display: flex;
-      float: right;
-      z-index: 4;
-      text-align: center;
-      position: relative;
 
       .btn-rsvp {
-        margin-left: 10.5px;
+        margin-right: 10.5px;
+        margin-top: 5px;
         min-width: 85px;
+        text-align: center;
 
         &:hover {
           background: mix(@background-primary, @text-color, 95%);