diff --git a/web/src/component/FileDialog.js b/web/src/component/FileDialog.js
index b3cd494..731afea 100644
--- a/web/src/component/FileDialog.js
+++ b/web/src/component/FileDialog.js
@@ -17,14 +17,6 @@ function FileDialog(props) {
         <br />
         Info for more actions.
       </p>
-      <button
-        onClick={() => {
-          props.setPlayingFile(props.file);
-          props.setShowStatus(false);
-        }}
-      >
-        Play
-      </button>
       <button
         onClick={() => {
           navigate(`/files/${props.file.id}`);
@@ -33,6 +25,14 @@ function FileDialog(props) {
       >
         Info
       </button>
+      <button
+        onClick={() => {
+          props.setPlayingFile(props.file);
+          props.setShowStatus(false);
+        }}
+      >
+        Play
+      </button>
       <button onClick={() => props.setShowStatus(false)}>Close</button>
     </dialog>
   );