diff --git a/src/components/@shared/FileIcon/index.stories.tsx b/src/components/@shared/FileIcon/index.stories.tsx
index 8d18991db..d27718fe5 100644
--- a/src/components/@shared/FileIcon/index.stories.tsx
+++ b/src/components/@shared/FileIcon/index.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { ComponentStory, ComponentMeta } from '@storybook/react'
 import FileIcon, { FileIconProps } from '@shared/FileIcon'
-import { FileMetadata } from '@oceanprotocol/lib'
+import { FileInfo } from '@oceanprotocol/lib'
 
 export default {
   title: 'Component/@shared/FileIcon',
@@ -25,17 +25,17 @@ const textFile = {
 
 export const Default: Props = Template.bind({})
 Default.args = {
-  file: textFile as FileMetadata
+  file: textFile as FileInfo
 }
 
 export const Small: Props = Template.bind({})
 Small.args = {
-  file: textFile as FileMetadata,
+  file: textFile as FileInfo,
   small: true
 }
 
 export const IsLoading: Props = Template.bind({})
 IsLoading.args = {
-  file: textFile as FileMetadata,
+  file: textFile as FileInfo,
   isLoading: true
 }
diff --git a/src/components/@shared/FileIcon/index.tsx b/src/components/@shared/FileIcon/index.tsx
index 65193b0be..431e94ee3 100644
--- a/src/components/@shared/FileIcon/index.tsx
+++ b/src/components/@shared/FileIcon/index.tsx
@@ -9,7 +9,7 @@ import { FileInfo } from '@oceanprotocol/lib'
 const cx = classNames.bind(styles)
 
 export interface FileIconProps {
-  file: FileMetadata
+  file: FileInfo
   className?: string
   small?: boolean
   isLoading?: boolean
diff --git a/src/components/Header/Wallet/Details.tsx b/src/components/Header/Wallet/Details.tsx
index c5593449a..a895c59cf 100644
--- a/src/components/Header/Wallet/Details.tsx
+++ b/src/components/Header/Wallet/Details.tsx
@@ -10,6 +10,7 @@ import styles from './Details.module.css'
 
 export default function Details(): ReactElement {
   const {
+    web3Provider,
     web3ProviderInfo,
     web3Modal,
     connect,