diff --git a/packages/stems/src/components/HarmonyButton/HarmonyButton.tsx b/packages/stems/src/components/HarmonyButton/HarmonyButton.tsx
index 92b79f97b8..cfcdfb371d 100644
--- a/packages/stems/src/components/HarmonyButton/HarmonyButton.tsx
+++ b/packages/stems/src/components/HarmonyButton/HarmonyButton.tsx
@@ -36,8 +36,7 @@ const TYPE_STYLE_MAP: { [k in HarmonyButtonType]: string } = {
   [HarmonyButtonType.SECONDARY]: styles.secondary,
   [HarmonyButtonType.TERTIARY]: styles.tertiary,
   [HarmonyButtonType.DESTRUCTIVE]: styles.destructive,
-  [HarmonyButtonType.GHOST]: styles.ghost,
-  [HarmonyButtonType.PLAIN]: styles.plain
+  [HarmonyButtonType.GHOST]: styles.ghost
 }
 
 /**
diff --git a/packages/stems/src/components/HarmonyButton/types.ts b/packages/stems/src/components/HarmonyButton/types.ts
index 80c5dbcddf..6aed52aee5 100644
--- a/packages/stems/src/components/HarmonyButton/types.ts
+++ b/packages/stems/src/components/HarmonyButton/types.ts
@@ -9,8 +9,7 @@ export enum HarmonyButtonType {
   SECONDARY = 'secondary',
   TERTIARY = 'tertiary',
   DESTRUCTIVE = 'destructive',
-  GHOST = 'ghost',
-  PLAIN = 'plain'
+  GHOST = 'ghost'
 }
 
 export enum HarmonyButtonSize {
diff --git a/packages/web/src/components/data-entry/TextAreaV2.module.css b/packages/web/src/components/data-entry/TextAreaV2.module.css
index 7b1316cae2..d2c46e5735 100644
--- a/packages/web/src/components/data-entry/TextAreaV2.module.css
+++ b/packages/web/src/components/data-entry/TextAreaV2.module.css
@@ -57,6 +57,7 @@
 .scrollArea {
   display: flex;
   flex-direction: row;
+  flex-grow: 1;
   overflow-x: hidden;
   overflow-y: auto;
   scrollbar-gutter: stable;
diff --git a/packages/web/src/components/upload/TrackPreviewNew.tsx b/packages/web/src/components/upload/TrackPreviewNew.tsx
index 19458564e6..d550c91a81 100644
--- a/packages/web/src/components/upload/TrackPreviewNew.tsx
+++ b/packages/web/src/components/upload/TrackPreviewNew.tsx
@@ -1,4 +1,4 @@
-import { HarmonyButton, HarmonyButtonType, IconTrash } from '@audius/stems'
+import { HarmonyPlainButton, IconTrash } from '@audius/stems'
 import numeral from 'numeral'
 
 import iconFileAiff from 'assets/img/iconFileAiff.svg'
@@ -72,8 +72,7 @@ export const TrackPreviewNew = (props: TrackPreviewProps) => {
       <Text className={styles.fileSizeText} size='small' color='neutralLight2'>
         {numeral(fileSize).format('0.0 b')}
       </Text>
-      <HarmonyButton
-        variant={HarmonyButtonType.PLAIN}
+      <HarmonyPlainButton
         iconRight={IconTrash}
         onClick={onRemove}
         className={styles.removeButton}
diff --git a/packages/web/src/pages/upload-page/components/FinishPageNew.tsx b/packages/web/src/pages/upload-page/components/FinishPageNew.tsx
index f1aaf402bd..92078ffc1d 100644
--- a/packages/web/src/pages/upload-page/components/FinishPageNew.tsx
+++ b/packages/web/src/pages/upload-page/components/FinishPageNew.tsx
@@ -9,9 +9,7 @@ import {
   uploadSelectors
 } from '@audius/common'
 import {
-  HarmonyButton,
-  HarmonyButtonSize,
-  HarmonyButtonType,
+  HarmonyPlainButton,
   IconArrow,
   IconError,
   IconUpload,
@@ -180,17 +178,13 @@ export const FinishPageNew = (props: FinishPageProps) => {
         </div>
         {uploadComplete ? (
           <div className={styles.uploadFooter}>
-            <HarmonyButton
-              size={HarmonyButtonSize.SMALL}
+            <HarmonyPlainButton
               onClick={handleUploadMoreClick}
-              variant={HarmonyButtonType.PLAIN}
               text={messages.uploadMore}
               iconLeft={IconUpload}
             />
-            <HarmonyButton
-              variant={HarmonyButtonType.PLAIN}
+            <HarmonyPlainButton
               onClick={handleVisitProfileClick}
-              size={HarmonyButtonSize.SMALL}
               text={messages.visitProfile}
               iconRight={IconArrow}
             />
diff --git a/packages/web/src/pages/upload-page/fields/CollectionTrackField.module.css b/packages/web/src/pages/upload-page/fields/CollectionTrackField.module.css
index 556e0a537c..50b90968e6 100644
--- a/packages/web/src/pages/upload-page/fields/CollectionTrackField.module.css
+++ b/packages/web/src/pages/upload-page/fields/CollectionTrackField.module.css
@@ -43,6 +43,10 @@
   gap: var(--unit-12);
 }
 
+.actionButton {
+  color: var(--text-subdued);
+}
+
 .trackInformation {
   display: flex;
   padding-left: 72px;
diff --git a/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx b/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx
index 3d96980d19..fd4dc1303f 100644
--- a/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx
+++ b/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx
@@ -1,9 +1,8 @@
 import { useCallback, useEffect } from 'react'
 
 import {
-  HarmonyButton,
-  HarmonyButtonSize,
-  HarmonyButtonType,
+  HarmonyPlainButton,
+  HarmonyPlainButtonType,
   IconDrag,
   IconPlay,
   IconTrash
@@ -69,7 +68,7 @@ export const CollectionTrackField = (props: CollectionTrackFieldProps) => {
           <Icon icon={IconDrag} size='large' />
         </span>
         <Text size='small' className={styles.trackindex}>
-          {index}
+          {index + 1}
         </Text>
         <TrackNameField name={`tracks.${index}.metadata.title`} />
       </div>
@@ -88,19 +87,17 @@ export const CollectionTrackField = (props: CollectionTrackFieldProps) => {
           <Text>{messages.overrideLabel}</Text>
         </div>
         <div className={styles.actions}>
-          <HarmonyButton
-            variant={HarmonyButtonType.GHOST}
-            size={HarmonyButtonSize.SMALL}
+          <HarmonyPlainButton
+            variant={HarmonyPlainButtonType.SUBDUED}
             text={messages.preview}
             iconLeft={IconPlay}
           />
-          <HarmonyButton
-            disabled={disableDelete}
-            variant={HarmonyButtonType.GHOST}
-            size={HarmonyButtonSize.SMALL}
+          <HarmonyPlainButton
+            variant={HarmonyPlainButtonType.SUBDUED}
             text={messages.delete}
             iconLeft={IconTrash}
             onClick={handleRemove}
+            disabled={disableDelete}
           />
         </div>
       </div>
diff --git a/packages/web/src/pages/upload-page/fields/TrackMetadataFields.tsx b/packages/web/src/pages/upload-page/fields/TrackMetadataFields.tsx
index 2e7687f4e5..92d386dc40 100644
--- a/packages/web/src/pages/upload-page/fields/TrackMetadataFields.tsx
+++ b/packages/web/src/pages/upload-page/fields/TrackMetadataFields.tsx
@@ -46,6 +46,7 @@ export const TrackMetadataFields = () => {
           placeholder={messages.description}
           maxLength={1000}
           showMaxLength
+          grows
         />
       </div>
     </div>
diff --git a/packages/web/src/pages/upload-page/forms/EditCollectionForm.tsx b/packages/web/src/pages/upload-page/forms/EditCollectionForm.tsx
index 2e10598d20..dcaa405cd7 100644
--- a/packages/web/src/pages/upload-page/forms/EditCollectionForm.tsx
+++ b/packages/web/src/pages/upload-page/forms/EditCollectionForm.tsx
@@ -104,6 +104,7 @@ export const EditCollectionForm = (props: EditCollectionFormProps) => {
                 maxLength={1000}
                 showMaxLength
                 className={styles.description}
+                grows
               />
             </div>
           </div>
diff --git a/packages/web/src/pages/upload-page/forms/EditTrackForm.module.css b/packages/web/src/pages/upload-page/forms/EditTrackForm.module.css
index 139fe618e3..02ef057560 100644
--- a/packages/web/src/pages/upload-page/forms/EditTrackForm.module.css
+++ b/packages/web/src/pages/upload-page/forms/EditTrackForm.module.css
@@ -40,7 +40,3 @@
   background: var(--background-surface-1);
   justify-content: space-between;
 }
-
-.multiTrackFooter .disabled {
-  opacity: 0.5;
-}
diff --git a/packages/web/src/pages/upload-page/forms/EditTrackForm.tsx b/packages/web/src/pages/upload-page/forms/EditTrackForm.tsx
index 390a820862..17cddc97b9 100644
--- a/packages/web/src/pages/upload-page/forms/EditTrackForm.tsx
+++ b/packages/web/src/pages/upload-page/forms/EditTrackForm.tsx
@@ -3,6 +3,7 @@ import { useCallback, useMemo } from 'react'
 import {
   HarmonyButton,
   HarmonyButtonType,
+  HarmonyPlainButton,
   IconArrow,
   IconCaretRight
 } from '@audius/stems'
@@ -180,18 +181,14 @@ const MultiTrackFooter = () => {
   const nextDisabled = index === trackMetadatas.length - 1
   return (
     <div className={cn(styles.multiTrackFooter, layoutStyles.row)}>
-      <HarmonyButton
-        className={cn({ [styles.disabled]: prevDisabled })}
-        variant={HarmonyButtonType.PLAIN}
+      <HarmonyPlainButton
         text={messages.prev}
         iconLeft={IconCaretLeft}
         onClick={goPrev}
         disabled={prevDisabled}
         type='button'
       />
-      <HarmonyButton
-        className={cn({ [styles.disabled]: nextDisabled })}
-        variant={HarmonyButtonType.PLAIN}
+      <HarmonyPlainButton
         text={messages.next}
         iconRight={IconCaretRight}
         onClick={goNext}