diff --git a/favicons/icon-96.png b/favicons/icon-96.png
deleted file mode 100644
index afb57dedb..000000000
Binary files a/favicons/icon-96.png and /dev/null differ
diff --git a/images/maskable_icon.png b/images/maskable_icon.png
index 57f0bd2ba..2259a3263 100644
Binary files a/images/maskable_icon.png and b/images/maskable_icon.png differ
diff --git a/src/index.html b/src/index.html
index e07a67366..6b9e62fe4 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,8 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Stremio">
-    <link rel="icon" type="image/png" sizes="96x96" href="<%= htmlWebpackPlugin.options.faviconsPath %>/icon-96.png">
-    <meta name="theme-color" content="<%= htmlWebpackPlugin.options.themeColor %>">
+    <link rel="icon" type="image/x-icon" href="<%= htmlWebpackPlugin.options.faviconsPath %>/favicon.ico">
     <title>Stremio - Freedom to Stream</title>
     <%= htmlWebpackPlugin.tags.headTags %>
 </head>
diff --git a/webpack.config.js b/webpack.config.js
index 9c7c90cd6..46eed263d 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -10,7 +10,6 @@ const WorkboxPlugin = require('workbox-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const WebpackPwaManifest = require('webpack-pwa-manifest');
-const colors = require('@stremio/stremio-colors');
 const pachageJson = require('./package.json');
 
 const COMMIT_HASH = execSync('git rev-parse HEAD').toString().trim();
@@ -200,6 +199,7 @@ module.exports = (env, argv) => ({
             patterns: [
                 { from: 'favicons', to: `${COMMIT_HASH}/favicons` },
                 { from: 'images', to: `${COMMIT_HASH}/images` },
+                { from: 'screenshots/*.webp', to: `${COMMIT_HASH}` },
             ]
         }),
         new MiniCssExtractPlugin({
@@ -209,7 +209,6 @@ module.exports = (env, argv) => ({
             template: './src/index.html',
             inject: false,
             scriptLoading: 'blocking',
-            themeColor: colors.background,
             faviconsPath: `${COMMIT_HASH}/favicons`,
             imagesPath: `${COMMIT_HASH}/images`,
         }),
@@ -221,26 +220,30 @@ module.exports = (env, argv) => ({
             theme_color: '#2a2843',
             orientation: 'any',
             display: 'standalone',
-            start_url: './',
+            display_override: ['standalone'],
             scope: './',
+            start_url: './',
             publicPath: './',
             icons: [
                 {
                     src: 'images/icon.png',
+                    destination: `${COMMIT_HASH}/images`,
                     sizes: [196, 512],
-                    ios: true
+                    purpose: 'any',
+                    ios: true,
                 },
                 {
                     src: 'images/maskable_icon.png',
+                    destination: `${COMMIT_HASH}/images`,
                     sizes: [196, 512],
                     purpose: 'maskable',
-                    destination: path.join(COMMIT_HASH, 'images', 'maskable')
                 },
                 {
                     src: 'favicons/favicon.ico',
-                    sizes: [64, 32, 24, 16]
+                    destination: `${COMMIT_HASH}/favicons`,
+                    sizes: [256],
                 }
-            ].map(icon => ({ ...icon, destination: icon.destination ?? path.join(COMMIT_HASH, 'images') })),
+            ],
             fingerprints: false,
             ios: true
         }),