diff --git a/src/interface/components/TabbedContainer.tsx b/src/interface/components/TabbedContainer.tsx
index 48d33ef6..52317dd8 100644
--- a/src/interface/components/TabbedContainer.tsx
+++ b/src/interface/components/TabbedContainer.tsx
@@ -85,7 +85,7 @@ const TabbedContainer: React.FC<TabbedContainerProps> = ({ tabs }) => {
         >
           <div className="flex">
             {tabs.map((tab, index) => (
-            <div className={`absolute w-full transition-opacity duration-300 pb-4 ${activeTab === index ? 'opacity-100' : 'opacity-0'}`}
+            <div key={index} className={`absolute w-full transition-opacity duration-300 pb-4 ${activeTab === index ? 'opacity-100' : 'opacity-0'}`}
               style={{left: `${index * 100}%`}}>
                 {tab.content}
               </div>
diff --git a/src/seqta/ui/colors/Manager.ts b/src/seqta/ui/colors/Manager.ts
index 25719450..53098581 100644
--- a/src/seqta/ui/colors/Manager.ts
+++ b/src/seqta/ui/colors/Manager.ts
@@ -4,6 +4,8 @@ import { lightenAndPaleColor } from './lightenAndPaleColor';
 import ColorLuminance from './ColorLuminance';
 import { SettingsState } from '../../../types/storage';
 
+import icon48 from '../../../resources/icons/icon-48.png';
+
 import darkLogo from '../../../resources/icons/betterseqta-light-full.png';
 import lightLogo from '../../../resources/icons/betterseqta-dark-full.png';
 
@@ -66,7 +68,7 @@ export function updateAllColors(storedSetting: any, newColor = null) {
 
   // Set favicon, if storedSetting is provided
   if (DarkMode !== null) {
-    (document.querySelector('link[rel*=\'icon\']')! as HTMLLinkElement).href = getChromeURL('icons/icon-48.png');
+    (document.querySelector('link[rel*=\'icon\']')! as HTMLLinkElement).href = getChromeURL(icon48);
   }
 
   let alliframes = document.getElementsByTagName('iframe');