diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 1129415..e093939 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -7,11 +7,14 @@
         </div>
       </div>
       <div v-else-if="fileExists()">
-        <div class="m-4 absolute top-0 bottom-72 left-0 right-0">
-          <div class="absolute border top-0 bottom-0 left-0 right-96">
+        <div class="absolute top-0 bottom-72 left-0 right-0">
+          <div class="absolute border top-0 bottom-0 left-0 right-0">
             <VideoDisplay></VideoDisplay>
           </div>
-          <div class="absolute top-0 bottom-0 right-16 w-80 border">
+          <!-- <div class="absolute border top-0 bottom-0 left-0 right-96">
+            <VideoDisplay></VideoDisplay>
+          </div> -->
+          <!-- <div class="absolute top-0 bottom-0 right-16 w-80 border">
             <div class="p-4 h-full">
               <GlobalSettings
                 v-if="activeSetting === 'global-settings'"
@@ -20,12 +23,12 @@
                 v-if="activeSetting === 'wave-surfer-settings'"
               ></WaveSurferSettings>
             </div>
-          </div>
+          </div> -->
           <div class="absolute border top-0 bottom-0 right-0 w-16 text-3xl">
             <Sidebar></Sidebar>
           </div>
         </div>
-        <div class="m-4 absolute bottom-0 right-0 left-0 h-72 border">
+        <div class="absolute bottom-0 right-0 left-0 h-72 border">
           <WaveSurfer></WaveSurfer>
         </div>
       </div>
@@ -44,8 +47,8 @@ import LoadFile from './components/LoadFile.vue';
 import WaveSurfer from './components/WaveSurfer.vue';
 import ExportingUI from './components/ExportingUI.vue';
 import VideoDisplay from './components/VideoDisplay.vue';
-import GlobalSettings from './components/GlobalSettings.vue';
-import WaveSurferSettings from './components/WaveSurferSettings.vue';
+// import GlobalSettings from './components/GlobalSettings.vue';
+// import WaveSurferSettings from './components/WaveSurferSettings.vue';
 
 import { mapGetters } from 'vuex';
 
@@ -57,8 +60,8 @@ export default {
     WaveSurfer,
     ExportingUI,
     VideoDisplay,
-    GlobalSettings,
-    WaveSurferSettings,
+    // GlobalSettings,
+    // WaveSurferSettings,
   },
   methods: {
     fileExists() {
diff --git a/src/renderer/assets/tailwind.css b/src/renderer/assets/tailwind.css
index e2a0dda..1251996 100644
--- a/src/renderer/assets/tailwind.css
+++ b/src/renderer/assets/tailwind.css
@@ -8,10 +8,10 @@
   .theme-light {
     --black: #000000;
     --primary: #f3f4f6;
-    --secondary: #111827;
-    --primary-hover: #9ca3af;
+    --secondary: #f3f4f6;
+    --primary-hover: #4b5563;
     --ws-wave-color: #6b7280;
-    --ws-silent-color: #ef4444;
+    --ws-progress-color: #f3f4f6;
   }
 
   .theme-dark {
@@ -19,10 +19,12 @@
     --black: #000000;
 
     /* gray 900 */
-    --primary: #111827;
+    /* --primary: #111827; */
+    --primary: #000000;
 
     /* gray 100 */
-    --secondary: #f3f4f6;
+    /* --secondary: #f3f4f6; */
+    --secondary: #ffffff;
 
     /* gray 600 */
     --primary-hover: #4b5563;
@@ -31,7 +33,8 @@
     --ws-wave-color: #6b7280;
 
     /* gray 100; --secondary */
-    --ws-progress-color: #f3f4f6;
+    /* --ws-progress-color: #f3f4f6; */
+    --ws-progress-color: #ffffff;
 
     /* red 500 */
     /* --ws-silent-region-color: #ef4444; */
diff --git a/src/renderer/components/VideoDisplay.vue b/src/renderer/components/VideoDisplay.vue
index 0f2dbd8..fe80c8d 100644
--- a/src/renderer/components/VideoDisplay.vue
+++ b/src/renderer/components/VideoDisplay.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="h-full bg-black">
     <div class="flex flex-col h-full place-items-center justify-center">
-      <fa v-if="isAudioFile()" icon="headphones" class="text-9xl" />
+      <fa v-if="isAudioFile()" icon="headphones" class="text-9xl pr-10" />
       <video
         :src="fileUrl"
         id="video-display-element"