diff --git a/package-lock.json b/package-lock.json
index 6dcade8..af05671 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,7 +20,7 @@
         "@types/node": "20.12.7",
         "@types/react": "18.2.79",
         "@types/react-dom": "18.2.25",
-        "@vidstack/react": "^1.11.17",
+        "@vidstack/react": "^1.11.21",
         "axios": "^1.6.8",
         "clsx": "^2.1.0",
         "cookies-next": "^2.1.1",
@@ -484,9 +484,9 @@
       }
     },
     "node_modules/@vidstack/react": {
-      "version": "1.11.17",
-      "resolved": "https://registry.npmjs.org/@vidstack/react/-/react-1.11.17.tgz",
-      "integrity": "sha512-9CXM6PKQ7RoyE6i0itfUfvMwRvc3N6Wyofqwige+LCFp78D2SfwQDU2fmgalzfsLVuq72fxcj8x3MCjcPNqGHw==",
+      "version": "1.11.21",
+      "resolved": "https://registry.npmjs.org/@vidstack/react/-/react-1.11.21.tgz",
+      "integrity": "sha512-eaMh8raSJw8L523UtmooC7IkBxMriny9X1LMk0qsJ1oZ+JGjvgLEYTPkdyLsDIJjrP4hmeeK+12kPZepHSC1pw==",
       "dependencies": {
         "media-captions": "^1.0.1"
       },
diff --git a/package.json b/package.json
index a2effa4..0cf7ad1 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "@types/node": "20.12.7",
     "@types/react": "18.2.79",
     "@types/react-dom": "18.2.25",
-    "@vidstack/react": "^1.11.17",
+    "@vidstack/react": "^1.11.21",
     "axios": "^1.6.8",
     "clsx": "^2.1.0",
     "cookies-next": "^2.1.1",
@@ -44,4 +44,4 @@
     "postcss-preset-mantine": "^1.14.4",
     "postcss-simple-vars": "^7.0.1"
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/Admin/Watched/Drawer.tsx b/src/components/Admin/Watched/Drawer.tsx
index 40ca664..26e099b 100644
--- a/src/components/Admin/Watched/Drawer.tsx
+++ b/src/components/Admin/Watched/Drawer.tsx
@@ -57,6 +57,7 @@ const AdminWatchedDrawer = ({ handleClose, watched, mode }) => {
     { label: "480p", value: "480p30" },
     { label: "360p", value: "360p30" },
     { label: "160p", value: "160p30" },
+    { label: "audio", value: "audio" }
   ];
 
   useEffect(() => {
diff --git a/src/pages/archive/index.tsx b/src/pages/archive/index.tsx
index 00c8616..04366a6 100644
--- a/src/pages/archive/index.tsx
+++ b/src/pages/archive/index.tsx
@@ -64,6 +64,7 @@ const ArchivePage = () => {
     { label: "480p", value: "480p30" },
     { label: "360p", value: "360p30" },
     { label: "160p", value: "160p30" },
+    { label: "audio", value: "audio" }
   ];
 
   const archiveVodSubmit = useMutation({
diff --git a/src/pages/vods/[vodId].tsx b/src/pages/vods/[vodId].tsx
index 2286b40..b21f3fa 100644
--- a/src/pages/vods/[vodId].tsx
+++ b/src/pages/vods/[vodId].tsx
@@ -96,7 +96,7 @@ const VodPage = (props: any) => {
         <div>
           {!isMobile && (
             <Box className={classes.container} >
-              <div className={classes.leftColumn} ref={leftColumnRef}>
+              <div className={!data.chat_path ? classes.leftColumnNoChat : classes.leftColumn} ref={leftColumnRef}>
                 <div
                   className={
                     isFullscreen
@@ -106,39 +106,41 @@ const VodPage = (props: any) => {
                   <NewVideoPlayer vod={data} />
                 </div>
               </div>
-              <div className={classes.rightColumn}
-                style={{ height: "auto", maxHeight: "auto" }}>
-                {data.chat_video_path &&
-                  !useUserStore.getState().settings.useNewChatPlayer && (
-                    <div>
-                      <div
-                        ref={rightColumnRef}
-                        className={
-                          isFullscreen || fullscreen
-                            ? classes.chatColumnNoHeader
-                            : classes.chatColumn
-                        }
-                      >
-                        <VodChatPlayer vod={data} />
+              {data.chat_path && (
+                <div className={classes.rightColumn}
+                  style={{ height: "auto", maxHeight: "auto" }}>
+                  {data.chat_video_path &&
+                    !useUserStore.getState().settings.useNewChatPlayer && (
+                      <div>
+                        <div
+                          ref={rightColumnRef}
+                          className={
+                            isFullscreen || fullscreen
+                              ? classes.chatColumnNoHeader
+                              : classes.chatColumn
+                          }
+                        >
+                          <VodChatPlayer vod={data} />
+                        </div>
                       </div>
-                    </div>
-                  )}
-                {data.chat_path &&
-                  useUserStore.getState().settings.useNewChatPlayer && (
-                    <div>
-                      <div
-                        ref={rightColumnRef}
-                        className={
-                          isFullscreen || fullscreen
-                            ? classes.chatColumnNoHeader
-                            : classes.chatColumn
-                        }
-                      >
-                        <ExperimentalChatPlayer vod={data} />
+                    )}
+                  {data.chat_path &&
+                    useUserStore.getState().settings.useNewChatPlayer && (
+                      <div>
+                        <div
+                          ref={rightColumnRef}
+                          className={
+                            isFullscreen || fullscreen
+                              ? classes.chatColumnNoHeader
+                              : classes.chatColumn
+                          }
+                        >
+                          <ExperimentalChatPlayer vod={data} />
+                        </div>
                       </div>
-                    </div>
-                  )}
-              </div>
+                    )}
+                </div>
+              )}
             </Box>
           )}
           {isMobile && (
diff --git a/src/pages/vods/vodId.module.css b/src/pages/vods/vodId.module.css
index 7dc9626..8574a26 100644
--- a/src/pages/vods/vodId.module.css
+++ b/src/pages/vods/vodId.module.css
@@ -39,6 +39,10 @@
   flex-grow: 1;
   width: calc(100vw - 340px);
 }
+.leftColumnNoChat {
+  flex-grow: 1;
+  width: 100vw;
+}
 .leftColumnMobile {
   flex-grow: 1;
   width: calc(100vw - 200px);