diff --git a/src/main/frontend/mobile/footer.cljs b/src/main/frontend/mobile/footer.cljs
index 4b7bc8655..5712de538 100644
--- a/src/main/frontend/mobile/footer.cljs
+++ b/src/main/frontend/mobile/footer.cljs
@@ -37,17 +37,15 @@
   [state]
   (when (= (state/sub :editor/record-status) "RECORDING")
     (swap! *record-start inc))
-  [:div.flex.flex-row
-   (if (= (state/sub :editor/record-status) "NONE")
-     (do
-       (reset! *record-start -1)
-       (mobile-bar-command record/start-recording "microphone"))
-     [:div.flex.flex-row.items-center
-      (mobile-bar-command record/stop-recording "player-stop")
-      [:div.timer.pl-2
-       {:on-click record/stop-recording}
-       (seconds->minutes:seconds @*record-start)]])
-   ])
+  (if (= (state/sub :editor/record-status) "NONE")
+    (do
+      (reset! *record-start -1)
+      (mobile-bar-command record/start-recording "microphone"))
+    [:div.flex.flex-row.items-center
+     (mobile-bar-command record/stop-recording "player-stop")
+     [:div.timer.pl-2
+      {:on-click record/stop-recording}
+      (seconds->minutes:seconds @*record-start)]]))
 
 (rum/defc footer < rum/reactive
   []
@@ -55,7 +53,7 @@
          (state/mobile?)
          (state/sub :mobile/show-tabbar?)
          (state/get-current-repo))
-    [:div.cp__footer.w-full.bottom-0.justify-between
+    [:div.cp__footer.w-full.bottom-0.justify-between.items-center
      (audio-record-cp)
      (mobile-bar-command #(state/toggle-document-mode!) "notes")
      (mobile-bar-command