diff --git a/packages/desktop/components/NetworkCard.svelte b/packages/desktop/components/NetworkCard.svelte
index 89cf7bcb74..6f0b6d29d3 100644
--- a/packages/desktop/components/NetworkCard.svelte
+++ b/packages/desktop/components/NetworkCard.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { Button, CopyableButton, FlatIconName } from '@bloomwalletio/ui'
+    import { Button, CopyableButton, IconName } from '@bloomwalletio/ui'
     import { selectedAccount } from '@core/account/stores'
     import { localize } from '@core/i18n'
     import { generateAndStoreEvmAddressForAccount } from '@core/layer-2'
@@ -111,7 +111,7 @@
                 {/if}
             </div>
             {#if address}
-                <Button variant="text" icon={FlatIconName.Qrcode} on:click={onQrCodeIconClick} />
+                <Button variant="text" icon={IconName.QrCode} on:click={onQrCodeIconClick} />
             {/if}
         </div>
     </div>
diff --git a/packages/desktop/components/popups/MintNftConfirmationPopup.svelte b/packages/desktop/components/popups/MintNftConfirmationPopup.svelte
index 30b83fb7d7..1da1f77292 100644
--- a/packages/desktop/components/popups/MintNftConfirmationPopup.svelte
+++ b/packages/desktop/components/popups/MintNftConfirmationPopup.svelte
@@ -144,13 +144,11 @@
                         }))}
                     />
                 {:else if activeTab === Tab.Metadata}
-                    <!-- Todo we need to create a code display component -->
                     <Table
-                        orientation="vertical"
                         items={[
                             {
                                 key: localize('general.metadata'),
-                                value: JSON.stringify(irc27Metadata, null, '\t'),
+                                value: irc27Metadata,
                                 copyable: true,
                             },
                         ]}
diff --git a/packages/desktop/views/dashboard/drawers/contact-book/views/ContactInformationDrawer.svelte b/packages/desktop/views/dashboard/drawers/contact-book/views/ContactInformationDrawer.svelte
index b742dcf8a5..750523b440 100644
--- a/packages/desktop/views/dashboard/drawers/contact-book/views/ContactInformationDrawer.svelte
+++ b/packages/desktop/views/dashboard/drawers/contact-book/views/ContactInformationDrawer.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Icon as IconEnum } from '@auxiliary/icon'
-    import { Button, FlatIconName } from '@bloomwalletio/ui'
+    import { Button, IconName } from '@bloomwalletio/ui'
     import { ContactAddressCard, ContactMetadataTable, DrawerTemplate } from '@components'
     import { ContactManager, selectedContact } from '@core/contact'
     import { localize } from '@core/i18n'
@@ -75,7 +75,7 @@
         {#if features.contacts.addNetworkAddress.enabled}
             <Button
                 variant="text"
-                icon={FlatIconName.Plus}
+                icon={IconName.Plus}
                 text={localize(
                     `views.dashboard.drawers.contactBook.${ContactBookRoute.ContactInformation}.addNetworkAddress`
                 )}
diff --git a/packages/desktop/views/dashboard/drawers/contact-book/views/ContactListDrawer.svelte b/packages/desktop/views/dashboard/drawers/contact-book/views/ContactListDrawer.svelte
index 51751e7337..1024bbd218 100644
--- a/packages/desktop/views/dashboard/drawers/contact-book/views/ContactListDrawer.svelte
+++ b/packages/desktop/views/dashboard/drawers/contact-book/views/ContactListDrawer.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { FlatIconName, Button } from '@bloomwalletio/ui'
+    import { IconName, Button } from '@bloomwalletio/ui'
     import { ContactCard, DrawerTemplate } from '@components'
     import { ContactManager, IContact, clearSelectedContact, setSelectedContact } from '@core/contact'
     import { localize } from '@core/i18n'
@@ -39,7 +39,7 @@
         {#if features.contacts.addContact.enabled}
             <Button
                 variant="text"
-                icon={FlatIconName.Plus}
+                icon={IconName.Plus}
                 text={localize(`views.dashboard.drawers.contactBook.${ContactBookRoute.ContactList}.addContact`)}
                 on:click={onAddContactClick}
             />
diff --git a/packages/desktop/views/dashboard/drawers/contact-book/views/EditNetworkAddressesDrawer.svelte b/packages/desktop/views/dashboard/drawers/contact-book/views/EditNetworkAddressesDrawer.svelte
index 542e70ed66..29ce6ac2e8 100644
--- a/packages/desktop/views/dashboard/drawers/contact-book/views/EditNetworkAddressesDrawer.svelte
+++ b/packages/desktop/views/dashboard/drawers/contact-book/views/EditNetworkAddressesDrawer.svelte
@@ -3,7 +3,7 @@
 
     import { onMount } from 'svelte'
 
-    import { Button, FlatIconName } from '@bloomwalletio/ui'
+    import { Button, IconName } from '@bloomwalletio/ui'
     import { DrawerTemplate } from '@components'
     import { TextInput } from '@ui'
 
@@ -217,7 +217,7 @@
         <Button
             variant="text"
             text={localize(`views.dashboard.drawers.contactBook.${ContactBookRoute.EditNetworkAddresses}.addAddress`)}
-            icon={FlatIconName.Plus}
+            icon={IconName.Plus}
             width="full"
             on:click={onAddNewAddressClick}
         />
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 17f26c9cff..2550c40c67 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -5,7 +5,7 @@
     "author": "Charlie Varley <charlie@bloomwallet.io>",
     "license": "Apache-2.0",
     "dependencies": {
-        "@bloomwalletio/ui": "0.7.7",
+        "@bloomwalletio/ui": "0.7.10",
         "@iota/bundle": "1.0.0-beta.30",
         "@iota/converter": "1.0.0-beta.30",
         "@iota/crypto.js": "1.8.6",
diff --git a/yarn.lock b/yarn.lock
index e201fc8e16..3ef85160b7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -342,10 +342,10 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@bloomwalletio/ui@0.7.7":
-  version "0.7.7"
-  resolved "https://npm.pkg.github.com/download/@bloomwalletio/ui/0.7.7/89751503c404fbc17e503e2bd0800fa405ea42bc#89751503c404fbc17e503e2bd0800fa405ea42bc"
-  integrity sha512-n29Nu/m/XJjM8DG0+5xCaIm7N9Eor4/LOpcA5JXd+qJODQmluHf2mu1TLgPqnpSbcpD0WljQUj02tGGBDXN/iQ==
+"@bloomwalletio/ui@0.7.10":
+  version "0.7.10"
+  resolved "https://npm.pkg.github.com/download/@bloomwalletio/ui/0.7.10/517dde2cd81244de9848c41d202bc93d21bfd393#517dde2cd81244de9848c41d202bc93d21bfd393"
+  integrity sha512-7lfkfCAvpwQd6otDeSoLJ47RYNjvRwCcHJ9Y96EMq8nfRXfGfsR5aPJWDgqTFw2AW020k0YLK41WpXhgpUD0SQ==
   dependencies:
     "@floating-ui/dom" "1.4.3"
     "@popperjs/core" "2.11.8"