diff --git a/src/pages/Rules.tsx b/src/pages/Rules.tsx
index e15ffb9..8737c45 100644
--- a/src/pages/Rules.tsx
+++ b/src/pages/Rules.tsx
@@ -205,7 +205,7 @@ export default () => {
                       </div>
 
                       <div class="text-xs text-slate-500">
-                        {rule.type} :: {rule.proxy}
+                        {`${rule.type} :: ${rule.proxy}`}
                       </div>
                     </div>
                   </div>
@@ -240,15 +240,14 @@ export default () => {
                     <div class="card card-bordered card-compact bg-base-200 p-4">
                       <div class="flex items-center gap-2 pr-8">
                         <span class="break-all">{ruleProvider.name}</span>
+
                         <div class="badge badge-sm">
                           {ruleProvider.ruleCount}
                         </div>
                       </div>
 
                       <div class="text-xs text-slate-500">
-                        {ruleProvider.vehicleType} / {ruleProvider.behavior} /
-                        {t('updated')}{' '}
-                        {formatTimeFromNow(ruleProvider.updatedAt)}
+                        {`${ruleProvider.vehicleType} / ${ruleProvider.behavior} / ${t('updated')} ${formatTimeFromNow(ruleProvider.updatedAt)}`}
                       </div>
 
                       <Button
diff --git a/vite.config.ts b/vite.config.ts
index 93f3054..7d6f8b3 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -24,9 +24,13 @@ export default defineConfig({
 
     VitePWA({
       registerType: 'autoUpdate',
-      includeAssets: ['favicon.svg'],
+      includeAssets: ['favicon.svg', ''],
       workbox: { maximumFileSizeToCacheInBytes: 5 * 1024 * 1024 },
       manifest: {
+        name: 'MetaCubeXD',
+        short_name: 'MetaCubeXD',
+        description: 'Mihomo Dashboard, The Official One, XD',
+        theme_color: '#000000',
         icons: [
           {
             src: 'pwa-192x192.png',