diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
index 50068dd296..f4f0e57836 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
@@ -248,7 +248,7 @@ function HomeTabFile({ plugin }: HomeTabFileProps) {
       </ModalDialog>
       <Toaster message={state.toasterMsg} />
       <div className="justify-content-start mt-1 p-2 d-flex flex-column" id="hTFileSection">
-        <div className="mb-3">
+        <div className="mb-1">
           {(state.recentWorkspaces[0] || state.recentWorkspaces[1] || state.recentWorkspaces[2]) && (
             <div className="d-flex flex-column mb-5 remixui_recentworkspace">
               <label style={{ fontSize: '0.8rem' }} className="mt-1">
@@ -272,7 +272,7 @@ function HomeTabFile({ plugin }: HomeTabFileProps) {
             </div>
           )}
         </div>
-        <div className="d-flex flex-column flex-nowrap pt-5">
+        <div className="d-flex flex-column flex-nowrap">
           <label style={{ fontSize: '1.2rem' }}>
             <FormattedMessage id="home.files" />
           </label>
diff --git a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
index dea454b894..5ffc6d2056 100644
--- a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
+++ b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
@@ -16,6 +16,7 @@ import { customAction } from '@remixproject/plugin-api'
 import { appPlatformTypes, platformContext } from '@remix-ui/app'
 import { ElectronMenu } from './components/electron-menu'
 import { ElectronWorkspaceName } from './components/electron-workspace-name'
+import { showModalForIpfsImport } from './actions'
 
 const _paq = (window._paq = window._paq || [])
 
@@ -49,6 +50,7 @@ export function Workspace() {
   const currentBranch = selectedWorkspace ? selectedWorkspace.currentBranch : null
 
   const [canPaste, setCanPaste] = useState(false)
+  console.log('what is plugin here ', global.plugin.contentImport)
 
   const [state, setState] = useState<WorkSpaceState>({
     ctrlKey: false,
@@ -240,9 +242,7 @@ export function Workspace() {
     })
   }
 
-  const importFromIpfs = () => {
-    return ''
-  }
+  const importFromIpfs = () => showModalForIpfsImport()
 
   const importFromHttps = () => {
     return ''