diff --git a/interface/src/pages/Themes.tsx b/interface/src/pages/Themes.tsx
index 0fe9bc33..2e2e5859 100644
--- a/interface/src/pages/Themes.tsx
+++ b/interface/src/pages/Themes.tsx
@@ -100,29 +100,50 @@ const Themes: FC = () => {
     {
       id: 'image-preset-1',
       type: 'image',
-      url: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-1.jpeg',
-      previewUrl: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-1-thumb.jpeg',
+      url: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-1.jpg',
+      previewUrl: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-1-thumb.jpg',
       isPreset: true
     },
     {
       id: 'image-preset-2',
       type: 'image',
-      url: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-2.jpeg',
-      previewUrl: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-2-thumb.jpeg',
+      url: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-2.jpg',
+      previewUrl: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-2-thumb.jpg',
       isPreset: true
     },
     {
       id: 'image-preset-3',
       type: 'image',
       url: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-3.jpg',
-      previewUrl: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-3-thumb.jpeg',
+      previewUrl: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-3-thumb.jpg',
       isPreset: true
     },
     {
       id: 'image-preset-4',
       type: 'image',
-      url: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-4.jpeg',
-      previewUrl: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-4-thumb.jpeg',
+      url: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-4.jpg',
+      previewUrl: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-4-thumb.jpg',
+      isPreset: true
+    },
+    {
+      id: 'image-preset-5',
+      type: 'image',
+      url: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-5.jpg',
+      previewUrl: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-5-thumb.jpg',
+      isPreset: true
+    },
+    {
+      id: 'image-preset-6',
+      type: 'image',
+      url: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-6.jpg',
+      previewUrl: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-6-thumb.jpg',
+      isPreset: true
+    },
+    {
+      id: 'image-preset-7',
+      type: 'image',
+      url: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-7.jpg',
+      previewUrl: 'https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/backgrounds/images/background-7-thumb.jpg',
       isPreset: true
     },
     
@@ -254,7 +275,7 @@ const handlePresetClick = async (bg: Background): Promise<void> => {
         {backgrounds.concat(presetBackgrounds as Background[]).filter(bg => bg.type === 'image' && bg.isPreset && !bg.isDownloaded && !downloadedPresetIds.includes(bg.id)).map(bg => (
           <div key={bg.id}
             onClick={() => handlePresetClick(bg)}
-            className='relative w-16 h-16 transition cursor-pointer rounded-xl'>
+            className={`relative w-16 h-16 transition cursor-pointer rounded-xl duration-300 ${ isEditMode ? 'opacity-0 pointer-events-none' : 'opacity-100'}`}>
             {bg.isPreset && downloadProgress[bg.id] !== undefined && (
               <div className="absolute top-0 left-0 z-20 flex items-center justify-center w-full h-full">
                 <svg className="w-full h-full text-zinc-100 dark:text-zinc-700" viewBox="0 0 36 36">
@@ -300,7 +321,7 @@ const handlePresetClick = async (bg: Background): Promise<void> => {
         {backgrounds.concat(presetBackgrounds as Background[]).filter(bg => bg.type === 'video' && bg.isPreset && !bg.isDownloaded && !downloadedPresetIds.includes(bg.id)).map(bg => (
           <div key={bg.id}
             onClick={() => handlePresetClick(bg)}
-            className='relative w-16 h-16 transition cursor-pointer rounded-xl'>
+            className={`relative w-16 h-16 transition cursor-pointer rounded-xl duration-300 ${ isEditMode ? 'opacity-0 pointer-events-none' : 'opacity-100'}`}>
             {bg.isPreset && downloadProgress[bg.id] !== undefined && (
               <div className="absolute top-0 left-0 z-20 flex items-center justify-center w-full h-full">
                 <svg className="w-full h-full text-zinc-100 dark:text-zinc-700" viewBox="0 0 36 36">
diff --git a/src/inject/injected.css b/src/inject/injected.css
index 2b6be285..a06ccf6f 100644
--- a/src/inject/injected.css
+++ b/src/inject/injected.css
@@ -319,7 +319,7 @@ ol:has(.MessageList__avatar___2wxyb svg) {
 
 #container #content::before {
   content: "";
-  height: 5.5rem;
+  height: 69.5px;;
   width: 100%;
 }
 
@@ -1328,7 +1328,11 @@ iframe.userHTML {
 
 #toolbar {
   color: var(--text-primary);
-  background: unset;
+  background: var(--background-primary);
+}
+
+.dailycal > .zoom {
+  display: none;
 }
 
 .programmeNavigator > .navigator,
@@ -1432,6 +1436,10 @@ ul {
   background: var(--background-primary);
 }
 
+.back > svg {
+  transform: scale(1.2);
+}
+
 .uiFileHandler {
   -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0) !important;
   box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0) !important;
@@ -1614,17 +1622,19 @@ blurred {
 
 .uiSlidePane.shown > .pane {
   transform: translatey(0%) !important;
+  opacity: 1;
 }
 
 .uiSlidePane > .pane {
   color: var(--text-primary);
   background: var(--auto-background);
   transform: translateY(100%);
-  transition:
-    transform 0.5s ease-in-out,
-    -webkit-transform 0.5s ease-in-out;
+  transition: transform 0.5s ease-out,
+              -webkit-transform 0.5s ease-out,
+              opacity 0.2s ease-out;
   transition-delay: 0 !important;
   border-radius: 1rem !important;
+  opacity: 0;
 }
 
 .anyoneSelect.filterBox {