Fix minor bugs for multi-track upload demo (#3854)

Author: amendelsohn

packages/web/src/pages/upload-page/components/EditPageNew.tsx

@@ -283,6 +283,7 @@ const MultiTrackFooter = () => {
         iconLeft={IconCaretLeft}
         onClick={goPrev}
         disabled={prevDisabled}
+        type='button'
       />
       <HarmonyButton
         className={cn({ [styles.disabled]: nextDisabled })}
@@ -291,6 +292,7 @@ const MultiTrackFooter = () => {
         iconRight={IconCaretRight}
         onClick={goNext}
         disabled={nextDisabled}
+        type='button'
       />
     </div>
   )

packages/web/src/pages/upload-page/fields/ModalField.module.css

@@ -7,7 +7,7 @@
   padding: var(--unit-4) var(--unit-6);
   gap: var(--unit-4);
 
-  border: 1px solid var(--border-strong);
+  border: 1px solid var(--border-default);
   border-radius: 8px;
 }
 

packages/web/src/pages/upload-page/fields/ModalField.tsx

@@ -13,6 +13,8 @@ import {
 import { useFormikContext } from 'formik'
 import { isEmpty } from 'lodash'
 
+import { Tile } from 'components/tile/Tile'
+
 import styles from './ModalField.module.css'
 
 const messages = {
@@ -60,12 +62,10 @@ export const ModalField = (props: ModalFieldProps) => {
   )
 
   return (
-    <>
-      <div className={styles.previewTile} onClick={open}>
-        {preview}
-        <IconCaretRight className={styles.caret} />
-      </div>
+    <Tile onClick={open} className={styles.previewTile} elevation='flat'>
+      {preview}
+      <IconCaretRight className={styles.caret} />
       {modal}
-    </>
+    </Tile>
   )
 }