diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 735e26e62..73e57cf9c 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -17,7 +17,7 @@
         "filesize": "^10.1.1",
         "marked": "^12.0.2",
         "moment": "^2.30.1",
-        "pankow": "^1.3.7",
+        "pankow": "^1.3.8",
         "primeicons": "^7.0.0",
         "primevue": "^3.51.0",
         "superagent": "^8.1.2",
@@ -1590,17 +1590,15 @@
       }
     },
     "node_modules/pankow": {
-      "version": "1.3.7",
-      "resolved": "https://registry.npmjs.org/pankow/-/pankow-1.3.7.tgz",
-      "integrity": "sha512-ElhP2VKmJ06g/RHjVQVl5LmIqsoeZr9JIQ9kgvGPTaR9s+biTOvKBGmGWXzn/q/bpVaiOjaLpPvEQq4eBOalJw==",
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/pankow/-/pankow-1.3.8.tgz",
+      "integrity": "sha512-k05jF/XrZ8fKjVBBxBRZOMuv7J/f84A8UkDmcxQz0TXLyoLOAo6GO2tg4gvaRlhUHHv5/WIvdiYId2osnK0f3g==",
       "dependencies": {
         "@fontsource/noto-sans": "^5.0.21",
         "@fortawesome/fontawesome-free": "^6.5.2",
         "filesize": "^10.1.1",
         "monaco-editor": "^0.47.0",
-        "pdfjs-dist": "^3.11.174",
-        "primevue": "^3.51.0",
-        "superagent": "^8.1.2"
+        "pdfjs-dist": "^3.11.174"
       }
     },
     "node_modules/path-is-absolute": {
diff --git a/frontend/package.json b/frontend/package.json
index 02b275bb9..b1f258627 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -15,7 +15,7 @@
     "filesize": "^10.1.1",
     "marked": "^12.0.2",
     "moment": "^2.30.1",
-    "pankow": "^1.3.7",
+    "pankow": "^1.3.8",
     "primeicons": "^7.0.0",
     "primevue": "^3.51.0",
     "superagent": "^8.1.2",
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 10e2f944f..43f7f82e5 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -7,19 +7,19 @@
 
       <Dialog v-model:visible="extractInProgress" modal :header="$t('filemanager.extractionInProgress')" :closable="false" :closeOnEscape="false">
         <div style="text-align: center;">
-          <ProgressSpinner style="width: 50px; height: 50px"/>
+          <Spinner style="width: 50px; height: 50px"/>
         </div>
       </Dialog>
 
       <Dialog v-model:visible="pasteInProgress" modal :header="$t('filemanager.pasteInProgress')" :closable="false" :closeOnEscape="false">
         <div style="text-align: center;">
-          <ProgressSpinner style="width: 50px; height: 50px"/>
+          <Spinner style="width: 50px; height: 50px"/>
         </div>
       </Dialog>
 
       <Dialog v-model:visible="deleteInProgress" modal :header="$t('filemanager.deleteInProgress')" :closable="false" :closeOnEscape="false">
         <div style="text-align: center;">
-          <ProgressSpinner style="width: 50px; height: 50px"/>
+          <Spinner style="width: 50px; height: 50px"/>
         </div>
       </Dialog>
 
@@ -31,7 +31,7 @@
         <template #default>
           <form @submit="onNewFileDialogSubmit" @submit.prevent>
             <InputText class="dialog-single-input" id="newFileDialogNameInput" v-model="newFileDialog.name" :disabled="newFileDialog.busy" required/>
-            <Button class="dialog-single-input-submit" type="submit" :label="$t('filemanager.newFileDialog.create')" :loading="newFileDialog.busy" :disabled="newFileDialog.busy || !newFileDialog.name"/>
+            <Button class="dialog-single-input-submit" type="submit" :loading="newFileDialog.busy" :disabled="newFileDialog.busy || !newFileDialog.name">{{ $t('filemanager.newFileDialog.create')  }}</Button>
           </form>
         </template>
       </Dialog>
@@ -42,7 +42,7 @@
         <template #default>
           <form @submit="onNewFolderDialogSubmit" @submit.prevent>
             <InputText class="dialog-single-input" id="newFolderDialogNameInput" v-model="newFolderDialog.name" :disabled="newFolderDialog.busy" required/>
-            <Button class="dialog-single-input-submit" type="submit" :label="$t('filemanager.newFileDialog.create')" :loading="newFolderDialog.busy" :disabled="newFolderDialog.busy || !newFolderDialog.name"/>
+            <Button class="dialog-single-input-submit" type="submit" :loading="newFolderDialog.busy" :disabled="newFolderDialog.busy || !newFolderDialog.name">{{ $t('filemanager.newFileDialog.create') }}</Button>
           </form>
         </template>
       </Dialog>
@@ -50,18 +50,18 @@
     <template #header>
       <TopBar class="navbar">
         <template #left>
-          <Button icon="pi pi-refresh" @click="onRefresh()" text :loading="busyRefresh" style="margin-right: 5px;"/>
+          <Button icon="fa-solid fa-arrow-rotate-right" :loading="busyRefresh" @click="onRefresh()" secondary plain style="margin-right: 5px;"/>
           <Breadcrumb :home="breadcrumbHomeItem" :items="breadcrumbItems" :activate-handler="onActivateBreadcrumb"/>
         </template>
         <template #right>
-          <Button type="button" :label="$t('filemanager.toolbar.new')" icon="pi pi-plus" @click="onCreateMenu" aria-haspopup="true" aria-controls="create_menu" style="margin-right: 5px" />
+          <Button icon="fa-solid fa-plus" @click="onCreateMenu" style="margin-right: 5px">{{ $t('filemanager.toolbar.new') }}</Button>
           <Menu ref="createMenu" id="create_menu" :model="createMenuModel" :popup="true" />
-          <Button type="button" :label="$t('filemanager.toolbar.upload')" icon="pi pi-upload" @click="onUploadMenu" aria-haspopup="true" aria-controls="upload_menu" style="margin-right: 5px" />
+          <Button icon="fa-solid fa-upload" @click="onUploadMenu" style="margin-right: 5px">{{ $t('filemanager.toolbar.upload') }}</Button>
           <Menu ref="uploadMenu" id="upload_menu" :model="uploadMenuModel" :popup="true" />
 
-          <Button style="margin-left: 20px; margin-right: 5px;" type="button" v-tooltip.bottom="$t('filemanager.toolbar.restartApp')" severity="secondary" icon="pi pi-sync" @click="onRestartApp" :loading="busyRestart" v-show="resourceType === 'app'"/>
-          <a style="margin-right: 5px;" :href="'/frontend/terminal.html?id=' + resourceId" target="_blank" v-show="resourceType === 'app'"><Button severity="secondary" icon="pi pi-desktop" v-tooltip.bottom="$t('terminal.title')" /></a>
-          <a :href="'/frontend/logs.html?appId=' + resourceId" target="_blank" v-show="resourceType === 'app'"><Button severity="secondary" icon="pi pi-align-left" v-tooltip.bottom="$t('logs.title')" /></a>
+          <Button style="margin-left: 20px; margin-right: 5px;" :title="$t('filemanager.toolbar.restartApp')" secondary :loading="busyRestart" icon="fa-solid fa-arrows-rotate" @click="onRestartApp" v-show="resourceType === 'app'"/>
+          <Button style="margin-right: 5px;" :href="'/frontend/terminal.html?id=' + resourceId" target="_blank" v-show="resourceType === 'app'" secondary icon="fa-solid fa-terminal" :title="$t('terminal.title')" />
+          <Button :href="'/frontend/logs.html?appId=' + resourceId" target="_blank" v-show="resourceType === 'app'" secondary icon="fa-solid fa-align-left" :title="$t('logs.title')" />
         </template>
       </TopBar>
     </template>
@@ -123,15 +123,13 @@
 import superagent from 'superagent';
 import { marked } from 'marked';
 
-import Button from 'primevue/button';
 import Dialog from 'primevue/dialog';
 import InputText from 'primevue/inputtext';
 import Menu from 'primevue/menu';
-import ProgressSpinner from 'primevue/progressspinner';
 
 import { useConfirm } from 'primevue/useconfirm';
 
-import { DirectoryView, TopBar, Breadcrumb, BottomBar, MainLayout, FileUploader } from 'pankow';
+import { DirectoryView, TopBar, Breadcrumb, BottomBar, Button, MainLayout, FileUploader, Spinner } from 'pankow';
 import Icon from 'pankow/components/Icon.vue';
 import { sanitize, sleep } from 'pankow/utils';
 
@@ -161,7 +159,7 @@ export default {
     Menu,
     Breadcrumb,
     PreviewPanel,
-    ProgressSpinner,
+    Spinner,
     TopBar,
     Icon
   },