diff --git a/components/TheFooter.vue b/components/TheFooter.vue
index 423fbe67dc..d7c574f9fc 100644
--- a/components/TheFooter.vue
+++ b/components/TheFooter.vue
@@ -241,7 +241,7 @@ const socials = [
   {
     name: 'Twitter',
     url: 'https://twitter.com/KodaDot',
-    icon: 'twitter',
+    icon: 'x-twitter',
   },
   {
     name: 'Discord',
diff --git a/components/collection/HeroButtons.vue b/components/collection/HeroButtons.vue
index f4b7b3f776..3088046984 100644
--- a/components/collection/HeroButtons.vue
+++ b/components/collection/HeroButtons.vue
@@ -5,7 +5,7 @@
       <div class="is-flex">
         <NeoButton
           v-if="twitter"
-          icon="twitter"
+          icon="x-twitter"
           icon-pack="fab"
           class="square-32"
           @click.native="openUrl(`https://twitter.com/${twitter}`)" />
diff --git a/components/common/ChainDropdown.vue b/components/common/ChainDropdown.vue
index 137b1f9bbc..9765fe3603 100644
--- a/components/common/ChainDropdown.vue
+++ b/components/common/ChainDropdown.vue
@@ -32,6 +32,9 @@ const { setUrlPrefix } = usePrefix()
 const { availableChains } = useChain()
 
 const getAddress = (chain: string) => {
+  if (!accountId.value) {
+    return ''
+  }
   const publicKey = decodeAddress(accountId.value)
 
   return encodeAddress(publicKey, CHAINS[chain].ss58Format)
diff --git a/components/common/ConnectWallet/ConnectWalletModal.vue b/components/common/ConnectWallet/ConnectWalletModal.vue
index 354f6c7b4c..c9ea072752 100644
--- a/components/common/ConnectWallet/ConnectWalletModal.vue
+++ b/components/common/ConnectWallet/ConnectWalletModal.vue
@@ -8,9 +8,13 @@
             : $i18n.t('walletConnect.walletHeading')
         }}
       </span>
-      <a class="is-flex is-align-items-center" @click="emit('close')">
-        <NeoIcon icon="close" />
-      </a>
+      <NeoButton
+        variant="text"
+        no-shadow
+        icon="xmark"
+        icon-pack="fa-sharp"
+        size="medium"
+        @click.native="emit('close')" />
     </header>
     <section v-if="showAccount">
       <WalletAsset />
diff --git a/components/common/NotificationBox/NotificationBoxModal.vue b/components/common/NotificationBox/NotificationBoxModal.vue
index 8d814105b1..3667a30b64 100644
--- a/components/common/NotificationBox/NotificationBoxModal.vue
+++ b/components/common/NotificationBox/NotificationBoxModal.vue
@@ -3,13 +3,17 @@
     v-if="isOpen"
     class="notification-modal-container theme-background-color border-left is-flex is-flex-direction-column">
     <header
-      class="py-4 px-6 is-flex is-justify-content-space-between border-bottom mb-4">
+      class="py-5 px-6 is-flex is-justify-content-space-between border-bottom mb-4">
       <span class="modal-card-title is-size-6 has-text-weight-bold">
         {{ $t('notification.notifications') }}
       </span>
-      <a class="is-flex is-align-items-center" @click="closeModal">
-        <NeoIcon icon="close" />
-      </a>
+      <NeoButton
+        variant="text"
+        no-shadow
+        icon="xmark"
+        icon-pack="fa-sharp"
+        size="medium"
+        @click.native="closeModal" />
     </header>
     <div class="px-0 pt-0 pb-3 theme-background-color">
       <div class="notification-filter theme-background-color px-6 pb-5">
diff --git a/components/common/shoppingCart/ShoppingCartModal.vue b/components/common/shoppingCart/ShoppingCartModal.vue
index e78d813ff7..9cd9bc53f1 100644
--- a/components/common/shoppingCart/ShoppingCartModal.vue
+++ b/components/common/shoppingCart/ShoppingCartModal.vue
@@ -3,14 +3,16 @@
     <div
       class="shopping-cart-modal-container theme-background-color border-left is-flex is-flex-direction-column">
       <header
-        class="py-4 px-6 is-flex is-justify-content-space-between border-bottom">
+        class="py-5 px-6 is-flex is-justify-content-space-between border-bottom">
         <span class="modal-card-title is-size-6 has-text-weight-bold">
           {{ $t('shoppingCart.title') }}
         </span>
         <NeoButton
           variant="text"
           no-shadow
-          icon="close"
+          icon="xmark"
+          icon-pack="fa-sharp"
+          size="medium"
           @click.native="closeShoppingCart" />
       </header>
       <div
diff --git a/components/identity/module/IdentityPopoverHeader.vue b/components/identity/module/IdentityPopoverHeader.vue
index 65525286e8..2ac001cd21 100644
--- a/components/identity/module/IdentityPopoverHeader.vue
+++ b/components/identity/module/IdentityPopoverHeader.vue
@@ -23,7 +23,7 @@
         target="_blank"
         rel="nofollow noopener noreferrer"
         data-cy="identity-twitter">
-        <NeoIcon pack="fab" icon="twitter" class="has-text-link" />
+        <NeoIcon pack="fab" icon="x-twitter" class="has-text-link" />
       </a>
     </div>
   </div>
diff --git a/components/identity/module/IdentitySocial.vue b/components/identity/module/IdentitySocial.vue
index fe037de0c1..fc35e959e7 100644
--- a/components/identity/module/IdentitySocial.vue
+++ b/components/identity/module/IdentitySocial.vue
@@ -5,7 +5,7 @@
       v-safe-href="`https://twitter.com/${twitter}`"
       target="_blank"
       rel="nofollow noopener noreferrer">
-      <NeoIcon pack="fab" icon="twitter" />
+      <NeoIcon pack="fab" icon="x-twitter" />
       <span class="aligned">
         {{ twitter }}
       </span>
diff --git a/components/items/ItemsGrid/useItemsGrid.ts b/components/items/ItemsGrid/useItemsGrid.ts
index 962f122d96..bb923af48b 100644
--- a/components/items/ItemsGrid/useItemsGrid.ts
+++ b/components/items/ItemsGrid/useItemsGrid.ts
@@ -53,25 +53,12 @@ export function useFetchSearch({
       }
     }
 
-    const variables = search
-      ? {
-          search,
-          first: first.value,
-          offset: (page - 1) * first.value,
-          orderBy: route.query.sort?.length
-            ? route.query.sort
-            : ['blockNumber_DESC'],
-        }
+    const variables = search?.length
+      ? { search }
       : {
-          denyList: getDenyList(urlPrefix.value),
-          orderBy: route.query.sort?.length
-            ? route.query.sort
-            : ['blockNumber_DESC'],
           search: searchParams.value,
           priceMin: Number(route.query.min),
           priceMax: Number(route.query.max),
-          first: first.value,
-          offset: (page - 1) * first.value,
         }
 
     const queryPath = getQueryPath(client.value)
@@ -79,7 +66,15 @@ export function useFetchSearch({
     const result = await $apollo.query({
       query: query.default,
       client: client.value,
-      variables: variables,
+      variables: {
+        ...variables,
+        first: first.value,
+        offset: (page - 1) * first.value,
+        denyList: getDenyList(urlPrefix.value),
+        orderBy: route.query.sort?.length
+          ? route.query.sort
+          : ['blockNumber_DESC'],
+      },
     })
 
     // handle results
diff --git a/composables/massmint/useZipValidator.ts b/composables/massmint/useZipValidator.ts
index 411adc7b25..fb15df6270 100644
--- a/composables/massmint/useZipValidator.ts
+++ b/composables/massmint/useZipValidator.ts
@@ -1,6 +1,7 @@
 import { ref } from 'vue'
 import { ZipEntry, unzip } from 'unzipit'
 import { MAX_UPLOADED_FILE_SIZE } from '@/utils/constants'
+import { mimeTypes } from '@kodadot1/static'
 export interface FileObject {
   imageUrl: string
   file: File
@@ -37,26 +38,6 @@ export const validFormats = [
   'mp3',
   'json',
 ]
-export const mimeTypes: { [key: string]: string } = {
-  bmp: 'image/bmp',
-  gif: 'image/gif',
-  jpg: 'image/jpeg',
-  jpeg: 'image/jpeg',
-  png: 'image/png',
-  svg: 'image/svg+xml',
-  tiff: 'image/tiff',
-  webp: 'image/webp',
-  mp4: 'video/mp4',
-  ogv: 'video/ogg',
-  mov: 'video/quicktime',
-  qt: 'video/quicktime',
-  webm: 'video/webm',
-  glb: 'model/gltf-binary',
-  gltf: 'model/gltf+json',
-  flac: 'audio/flac',
-  mp3: 'audio/mpeg',
-  json: 'application/json',
-}
 
 const toMegaBytes = (bytes: number) => bytes / Math.pow(1024, 2)
 
diff --git a/package.json b/package.json
index 68d9960f97..ef319d2b29 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,7 @@
     "@braintree/sanitize-url": "^6.0.4",
     "@chenfengyuan/vue-qrcode": "1",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
-    "@fortawesome/free-brands-svg-icons": "^6.2.1",
+    "@fortawesome/free-brands-svg-icons": "^6.4.2",
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@fortawesome/vue-fontawesome": "^2.0.10",
diff --git a/pages/blog/index.vue b/pages/blog/index.vue
index d7be8900f7..e683885758 100644
--- a/pages/blog/index.vue
+++ b/pages/blog/index.vue
@@ -12,7 +12,7 @@
     </div>
 
     <div
-      v-for="post in posts.slice(0, 1)"
+      v-for="post in featured.slice(0, 1)"
       :key="post.attributes.title"
       class="content-featured content-list">
       <div
@@ -97,18 +97,32 @@ export default {
     const resolve = require.context('~/content/blog/', true, /\.md$/)
     const imports = resolve.keys().map((key) => resolve(key))
 
+    const tags = {
+      tokens: 'Tokens',
+    }
+
     const latestPosts = imports.sort(
       (a, b) => +new Date(b.attributes.date) - +new Date(a.attributes.date)
     )
 
-    const tokensPosts = latestPosts.filter(
-      (post) => post.attributes.tags === 'Tokens'
+    return latestPosts.reduce(
+      (acc, post, index) => {
+        if (index === 0) {
+          acc.featured.push(post)
+          return acc
+        }
+        if (post.attributes.tags === tags.tokens) {
+          acc.tokensPosts.push(post)
+        }
+        acc.posts.push(post)
+        return acc
+      },
+      {
+        featured: [],
+        posts: [],
+        tokensPosts: [],
+      }
     )
-
-    return {
-      posts: latestPosts,
-      tokensPosts,
-    }
   },
   methods: {
     getPermalink(post) {
diff --git a/plugins/icons.ts b/plugins/icons.ts
index fc4481dc89..63c7dafaef 100644
--- a/plugins/icons.ts
+++ b/plugins/icons.ts
@@ -120,9 +120,9 @@ import {
   faRedditAlien,
   faTelegram,
   faTelegramPlane,
-  faTwitter,
   faWhatsapp,
   faWpexplorer,
+  faXTwitter,
   faYoutube,
 } from '@fortawesome/free-brands-svg-icons'
 
@@ -220,7 +220,7 @@ library.add(
   faCheck,
 
   // Social
-  faTwitter,
+  faXTwitter,
   faTelegram,
   faFacebook,
   faFacebookMessenger,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fe31f24afa..d5dda17f3c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.1'
+lockfileVersion: '6.0'
 
 settings:
   autoInstallPeers: false
@@ -24,8 +24,8 @@ importers:
         specifier: ^6.2.1
         version: 6.2.1
       '@fortawesome/free-brands-svg-icons':
-        specifier: ^6.2.1
-        version: 6.2.1
+        specifier: ^6.4.2
+        version: 6.4.2
       '@fortawesome/free-regular-svg-icons':
         specifier: ^6.2.1
         version: 6.2.1
@@ -3697,6 +3697,12 @@ packages:
     requiresBuild: true
     dev: false
 
+  /@fortawesome/fontawesome-common-types@6.4.2:
+    resolution: {integrity: sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==}
+    engines: {node: '>=6'}
+    requiresBuild: true
+    dev: false
+
   /@fortawesome/fontawesome-svg-core@6.2.1:
     resolution: {integrity: sha512-HELwwbCz6C1XEcjzyT1Jugmz2NNklMrSPjZOWMlc+ZsHIVk+XOvOXLGGQtFBwSyqfJDNgRq4xBCwWOaZ/d9DEA==}
     engines: {node: '>=6'}
@@ -3705,12 +3711,12 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.2.1
     dev: false
 
-  /@fortawesome/free-brands-svg-icons@6.2.1:
-    resolution: {integrity: sha512-L8l4MfdHPmZlJ72PvzdfwOwbwcCAL0vx48tJRnI6u1PJXh+j2f3yDoKyQgO3qjEsgD5Fr2tQV/cPP8F/k6aUig==}
+  /@fortawesome/free-brands-svg-icons@6.4.2:
+    resolution: {integrity: sha512-LKOwJX0I7+mR/cvvf6qIiqcERbdnY+24zgpUSouySml+5w8B4BJOx8EhDR/FTKAu06W12fmUIcv6lzPSwYKGGg==}
     engines: {node: '>=6'}
     requiresBuild: true
     dependencies:
-      '@fortawesome/fontawesome-common-types': 6.2.1
+      '@fortawesome/fontawesome-common-types': 6.4.2
     dev: false
 
   /@fortawesome/free-regular-svg-icons@6.2.1:
@@ -17639,7 +17645,7 @@ packages:
       esbuild: 0.17.19
       fs-extra: 11.1.1
       globby: 13.1.4
-      jiti: 1.19.1
+      jiti: 1.18.2
       mlly: 1.4.0
       mri: 1.2.0
       pathe: 1.1.1
diff --git a/styles/components/_connect-wallet.scss b/styles/components/_connect-wallet.scss
index 40efb89b16..c2bf7d0d51 100644
--- a/styles/components/_connect-wallet.scss
+++ b/styles/components/_connect-wallet.scss
@@ -51,7 +51,7 @@
 
     .modal-card-head {
       background: unset;
-      padding: 1rem 2rem;
+      padding: 1.5rem 2rem;
       @include ktheme() {
         border-bottom: 1px solid theme('border-color');
       }