diff --git a/src/app/tabs/run-tab.js b/src/app/tabs/run-tab.js
index a8718fa4f9..87600a1306 100644
--- a/src/app/tabs/run-tab.js
+++ b/src/app/tabs/run-tab.js
@@ -80,10 +80,10 @@ function runTab (appAPI = {}, appEvents = {}, opts = {}) {
   recorderCard.event.register('expandCollapseCard', (arrow, body, status) => {
     body.innerHTML = ''
     status.innerHTML = ''
-    if (arrow === 'up') {
+    if (arrow === 'down') {
       status.appendChild(self._view.collapsedView)
       body.appendChild(self._view.expandedView)
-    } else if (arrow === 'down') {
+    } else if (arrow === 'up') {
       status.appendChild(self._view.collapsedView)
     }
   })
diff --git a/src/app/ui/card.js b/src/app/ui/card.js
index c4b9a481a0..a9ed601aca 100644
--- a/src/app/ui/card.js
+++ b/src/app/ui/card.js
@@ -19,7 +19,7 @@ module.exports = class Card {
     if (self._view.el) return self._view.el
 
     self._view.cardBody = yo`<div class=${css.cardBody}></div>`
-    self._view.arrow = yo`<i class="${css.arrow} fa fa-angle-up"
+    self._view.arrow = yo`<i class="${css.arrow} fa fa-angle-down"
     onclick=${(ev) => trigger(ev.target)}></i>`
 
     self._view.expandCollapseButton = yo`
@@ -39,8 +39,8 @@ module.exports = class Card {
     function trigger (el) {
       var body = self._view.cardBody
       var status = self._view.statusBar
-      el.classList.toggle('fa-angle-down')
-      var arrow = el.classList.toggle('fa-angle-up') ? 'down' : 'up'
+      el.classList.toggle('fa-angle-up')
+      var arrow = el.classList.toggle('fa-angle-down') ? 'up' : 'down'
       self.event.trigger('expandCollapseCard', [arrow, body, status])
     }