diff --git a/dashboard/src/components/ApiTokens.vue b/dashboard/src/components/ApiTokens.vue
index 482312554..7db492039 100644
--- a/dashboard/src/components/ApiTokens.vue
+++ b/dashboard/src/components/ApiTokens.vue
@@ -150,7 +150,7 @@ onMounted(async () => {
       <p v-html="$t('profile.apiTokens.description', { apiDocsLink: 'https://docs.cloudron.io/api.html' })"></p>
       <br/>
 
-      <TableView :columns="columns" :model="apiTokens">
+      <TableView :columns="columns" :model="apiTokens" :hover="false">
         <template #lastUsedTime="slotProps">
           <span v-if="slotProps.lastUsedTime">{{ prettyLongDate(slotProps.lastUsedTime) }}</span>
           <span v-else>{{ $t('profile.apiTokens.neverUsed') }}</span>
diff --git a/dashboard/src/components/AppPasswords.vue b/dashboard/src/components/AppPasswords.vue
index ee62ce2e6..e6f2b240a 100644
--- a/dashboard/src/components/AppPasswords.vue
+++ b/dashboard/src/components/AppPasswords.vue
@@ -192,7 +192,7 @@ onMounted(async () => {
       <p>{{ $t('profile.appPasswords.description') }}</p>
       <br/>
 
-      <TableView :columns="columns" :model="passwords" :placeholder="$t('profile.appPasswords.noPasswordsPlaceholder')">
+      <TableView :columns="columns" :model="passwords" :hover="false" :placeholder="$t('profile.appPasswords.noPasswordsPlaceholder')">
         <template #creationTime="slotProps">{{ prettyLongDate(slotProps.creationTime) }}</template>
         <template #actions="slotProps">
           <div class="table-actions">
diff --git a/dashboard/src/components/OpenIdClients.vue b/dashboard/src/components/OpenIdClients.vue
index 0ff46954a..f857b83e2 100644
--- a/dashboard/src/components/OpenIdClients.vue
+++ b/dashboard/src/components/OpenIdClients.vue
@@ -174,7 +174,7 @@ onMounted(async () => {
         <div class="info-value">https://{{ adminFqdn }}/.well-known/openid-configuration</div>
       </div>
 
-      <TableView :columns="columns" :model="clients" @row-click="onEdit">
+      <TableView :columns="columns" :model="clients" :hover="false" @row-click="onEdit">
         <template #actions="slotProps">
           <div class="table-actions">
             <Button tool secondary outline small icon="fa-solid fa-pencil-alt" @click.stop="onEdit(slotProps)"></Button>
diff --git a/dashboard/src/views/AppsView.vue b/dashboard/src/views/AppsView.vue
index 17a23aad1..b6d86c30e 100644
--- a/dashboard/src/views/AppsView.vue
+++ b/dashboard/src/views/AppsView.vue
@@ -228,7 +228,7 @@ export default {
       </TransitionGroup>
 
       <div class="list" v-if="viewType === VIEW_TYPE.LIST">
-        <TableView :columns="listColumns" :model="filteredApps">
+        <TableView :columns="listColumns" :model="filteredApps" :hover="false">
           <template #icon="slotProps">
             <a :href="'https://' + slotProps.fqdn" target="_blank">
               <img class="list-icon" :src="API_ORIGIN + slotProps.iconUrl" v-fallback-image="API_ORIGIN + '/img/appicon_fallback.png'"/>
diff --git a/dashboard/src/views/ServicesView.vue b/dashboard/src/views/ServicesView.vue
index 667bb2265..58b79ee9d 100644
--- a/dashboard/src/views/ServicesView.vue
+++ b/dashboard/src/views/ServicesView.vue
@@ -6,8 +6,8 @@ import { useI18n } from 'vue-i18n';
 const i18n = useI18n();
 const t = i18n.t;
 
-import { computed, reactive, onMounted } from 'vue';
-import { Button, TableView, ProgressBar, ButtonGroup } from 'pankow';
+import { computed, reactive, onMounted, ref, useTemplateRef } from 'vue';
+import { Button, TableView, ProgressBar, ButtonGroup, Dialog } from 'pankow';
 import { prettyBinarySize } from 'pankow/utils';
 import { each } from 'async';
 import Section from '../components/Section.vue';
@@ -65,7 +65,9 @@ async function refresh(id) {
   if (result.status !== 'active') setTimeout(refresh.bind(null, id), 3000);
 }
 
+const refreshBusy = ref(false);
 async function refreshAll() {
+  refreshBusy.value = true;
   const [error, serviceList] = await servicesModel.list();
   if (error) return console.error(error);
 
@@ -74,6 +76,7 @@ async function refreshAll() {
     if (!services[s]) services[s] = { id: s, name: s, config: {} };
   }
 
+  refreshBusy.value = false;
   await each(serviceList, refresh);
 }
 
@@ -87,8 +90,20 @@ async function onRestart(id) {
   await refresh(id);
 }
 
-async function onConfigure(service) {
-  console.log('TODO configure service', service)
+const dialog = useTemplateRef('dialog');
+const editService = ref({});
+const editError = ref('');
+const editBusy = ref(false);
+
+async function onEdit(service) {
+  editService.value = service;
+  dialog.value.open();
+}
+
+async function onEditConfirm() {
+  editBusy.value = true;
+  editBusy.value = false;
+  dialog.value.close();
 }
 
 onMounted(async () => {
@@ -99,14 +114,25 @@ onMounted(async () => {
 
 <template>
   <div class="content">
+    <Dialog ref="dialog"
+      :title="$t('services.configure.title', { name: editService.name })"
+      :confirm-busy="editBusy"
+      :confirm-label="$t('main.dialog.save')"
+      :reject-label="$t('main.dialog.cancel')"
+      reject-style="secondary"
+      @confirm="onEditConfirm()"
+    >
+      <p class="has-error text-center" v-show="editError">{{ editError }}</p>
+    </Dialog>
+
     <Section :title="$t('services.title')">
       <template #header-buttons>
-        <Button @click="refreshAll()">{{ $t('services.refresh') }}</Button>
+        <Button @click="refreshAll()" :loading="refreshBusy">{{ $t('services.refresh') }}</Button>
       </template>
 
       <p>{{ $t('services.description') }}</p>
 
-      <TableView :columns="columns" :model="servicesArray">
+      <TableView :columns="columns" :model="servicesArray" :hover="false">
         <template #status="slotProps">
           <span v-show="slotProps.status">
             <span v-if="slotProps.status === 'active'">
@@ -131,7 +157,7 @@ onMounted(async () => {
         <template #actions="slotProps">
           <div class="table-actions">
             <ButtonGroup>
-              <Button small tool secondary outline v-if="slotProps.status !== 'disabled' && slotProps.config.memoryLimit" @click="onConfigure(slotProps)" v-tooltip="$t('services.configureActionTooltip')" icon="fa-solid fa fa-pencil-alt"/>
+              <Button small tool secondary outline v-if="slotProps.status !== 'disabled' && slotProps.config.memoryLimit" @click="onEdit(slotProps)" v-tooltip="$t('services.configureActionTooltip')" icon="fa-solid fa fa-pencil-alt"/>
               <Button small tool secondary outline v-if="slotProps.id !== 'box'" @click="onRestart(slotProps.id)" :loading="slotProps.status === 'starting' && !slotProps.config.recoveryMode" v-tooltip="$t('services.restartActionTooltip')" icon="fa-solid fa-sync-alt"/>
               <Button tool small secondary outline :href="`/logs.html?id=${slotProps.id}`" target="_blank" v-tooltip="$t('logs.title')" icon="fa-solid fa-file-alt" />
             </ButtonGroup>
diff --git a/dashboard/src/views/VolumesView.vue b/dashboard/src/views/VolumesView.vue
index 7abb6f599..9b0352f76 100644
--- a/dashboard/src/views/VolumesView.vue
+++ b/dashboard/src/views/VolumesView.vue
@@ -289,7 +289,7 @@ export default {
 
       <div v-html="$t('volumes.description')"></div>
       <br/>
-      <TableView :columns="columns" :model="volumes" :busy="busy">
+      <TableView :columns="columns" :model="volumes" :busy="busy" :hover="false">
         <template #target="slotProps">
           {{ (slotProps.mountType === 'mountpoint' || slotProps.mountType === 'filesystem') ? slotProps.hostPath : (slotProps.mountOptions.host || slotProps.mountOptions.diskPath || slotProps.hostPath) + (slotProps.mountOptions.remoteDir || '') }}
         </template>