diff --git a/src/views/VodView.vue b/src/views/VodView.vue
index 81d1e6e..62bbaa5 100644
--- a/src/views/VodView.vue
+++ b/src/views/VodView.vue
@@ -9,12 +9,12 @@ import FollowButton from '@/components/FollowButton.vue'
 import LoadingScreen from '@/components/LoadingScreen.vue'
 import AboutTab from '@/components/user/AboutTab.vue'
 import ShareModal from '@/components/popups/ShareButtonModal.vue'
-import TheatreModeToggle from '@/components/TheatreModeToggle.vue'
+import VueTitle from '@/components/VueTitle.vue'
+import ActionButtons from '@/components/ActionButtons.vue'
 
 import type { Video } from '@/types'
 import { truncate, abbreviate, getEndpoint } from '@/mixins'
 import { getSetting } from '@/settingsManager'
-import VueTitle from '@/components/VueTitle.vue'
 
 interface ChatComponent {
   updateVodComments: (time: number) => void
@@ -66,7 +66,7 @@ export default {
     AboutTab,
     ShareModal,
     VueTitle,
-    TheatreModeToggle
+    ActionButtons
   },
   methods: {
     truncate,
@@ -105,12 +105,15 @@ export default {
     <vue-title :title="'VOD - ' + data.title"></vue-title>
     <div
       :class="[
-        'flex bg-crust flex-col p-6 rounded-lg w-[99vw] text-contrast',
-        isTheatreMode ? 'md:max-w-[95rem] lg:max-w-[100rem] xl:max-w-[120rem] 2x:max-w-[140rem]'  : 'md:max-w-prose md:min-w-[65ch] lg:max-w-[70rem] xl:max-w-[80rem] 2x:max-w-[90rem]'
+        'flex bg-crust flex-col p-6 rounded-lg w-full text-contrast',
+        isTheatreMode 
+          ? 'md:w-[62vw] lg:w-[75vw] xl:w-[75vw] 2xl:w-[68vw]' 
+          : 'md:w-[80vw] lg:w-[70vw] xl:w-[60vw] 2xl:w-[50vw] max-w-[1200px]'
       ]"
     >
       <div class="w-full mx-auto rounded-lg mb-5">
-        <video-player :options="videoOptions"> </video-player>
+        <video-player :options="videoOptions" @PlayerTimeUpdate="handlePlayerTimeUpdate">
+        </video-player>
       </div>
 
       <div class="w-full flex-wrap md:p-3">
@@ -141,12 +144,13 @@ export default {
             </p>
           </div>
 
-          <button @click="toggleShareModal" class="px-2 py-1.5 rounded-lg bg-purple">
-            <v-icon name="fa-share-alt"></v-icon>
-          </button>
-          <button @click="toggleTheatreMode" class="px-2 py-1.5 rounded-lg bg-purple">
-              <v-icon name="fa-expand"></v-icon>
-          </button>
+          <action-buttons
+            :showDownload="false"
+            :showTheatreMode="true"
+            :showShare="true"
+            @toggleTheatreMode="toggleTheatreMode"
+            @toggleShareModal="toggleShareModal"
+          />
         </div>
       </div>