diff --git a/frontend/src/app/actions.tsx b/frontend/src/app/actions.tsx
index 7438edc..c26554a 100644
--- a/frontend/src/app/actions.tsx
+++ b/frontend/src/app/actions.tsx
@@ -88,6 +88,7 @@ export async function createSong(formData: FormData) {
   const albumId = formData.get('album-id');
   const title = formData.get('title');
   const duration = formData.get('duration');
+  const trackNumber = formData.get('trackNumber');
   return fetch("https://api.anatid.net/song", {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -95,6 +96,7 @@ export async function createSong(formData: FormData) {
       albumId: albumId,
       title: title,
       duration: duration,
+      trackNumber: trackNumber,
     })
   }).then(response => {
     return response.json();
@@ -106,6 +108,7 @@ export async function updateSong(formData: FormData) {
   const albumId = formData.get('album-id');
   const title = formData.get('title');
   const duration = formData.get('duration');
+  const trackNumber = formData.get('trackNumber');
   return fetch(`https://api.anatid.net/song/${id}`, {
     method: "PUT",
     headers: { "Content-Type": "application/json" },
@@ -114,6 +117,7 @@ export async function updateSong(formData: FormData) {
       albumId: albumId,
       title: title,
       duration: duration,
+      trackNumber: trackNumber,
     })
   }).then(response => {
     return response.json();
diff --git a/frontend/src/app/album/[id]/page.tsx b/frontend/src/app/album/[id]/page.tsx
index c2ebc67..272b41b 100644
--- a/frontend/src/app/album/[id]/page.tsx
+++ b/frontend/src/app/album/[id]/page.tsx
@@ -96,6 +96,11 @@ export default function Page() {
                 <label htmlFor="album-artist">Duration (seconds)</label><input type="text" name="artist" id="song-duration" />
               </div>
             </div>
+            <div className="row">
+              <div className="six columns">
+                <label htmlFor="album-title">Track Number</label><input type="text" name="trackNumber" id="song-trackNumber" />
+              </div>
+            </div>
             <Button variant="primary" type="submit">Create</Button>
           </form>
         </div>