diff --git a/spring-boot-admin-server-ui/src/main/frontend/components/sba-accordion.vue b/spring-boot-admin-server-ui/src/main/frontend/components/sba-accordion.vue
index 597066abeda..a755b0230c5 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/components/sba-accordion.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/components/sba-accordion.vue
@@ -40,7 +40,7 @@
             {
               '-rotate-90': !open,
             },
-            'mr-2 transition-[transform]',
+            'mr-2 transition-transform',
           )
         "
       />
@@ -90,3 +90,11 @@ const handleTitleClick = () => {
   open.value = !open.value;
 };
 </script>
+
+<style scoped>
+@reference "../index.css";
+
+:deep(header button) {
+  @apply cursor-pointer;
+}
+</style>
diff --git a/spring-boot-admin-server-ui/src/main/frontend/components/sba-button.spec.ts b/spring-boot-admin-server-ui/src/main/frontend/components/sba-button.spec.ts
new file mode 100644
index 00000000000..4f80d36fd18
--- /dev/null
+++ b/spring-boot-admin-server-ui/src/main/frontend/components/sba-button.spec.ts
@@ -0,0 +1,132 @@
+import userEvent from '@testing-library/user-event';
+import { screen } from '@testing-library/vue';
+import { describe, expect, it } from 'vitest';
+import { defineComponent } from 'vue';
+
+import SbaButton from './sba-button.vue';
+
+import { render } from '@/test-utils';
+
+describe('SbaButton', () => {
+  it('renders as a button element by default', () => {
+    render(SbaButton, { slots: { default: 'Click me' } });
+    expect(
+      screen.getByRole('button', { name: 'Click me' }),
+    ).toBeInTheDocument();
+  });
+
+  it('renders slot content', () => {
+    render(SbaButton, { slots: { default: 'Submit' } });
+    expect(screen.getByText('Submit')).toBeVisible();
+  });
+
+  it('renders as an anchor element when as="a"', () => {
+    render(SbaButton, {
+      props: { as: 'a', href: '#' },
+      slots: { default: 'Link' },
+    });
+    expect(screen.getByRole('link', { name: 'Link' })).toBeInTheDocument();
+  });
+
+  it('sets href on anchor element', () => {
+    render(SbaButton, {
+      props: { as: 'a', href: 'https://example.com' },
+      slots: { default: 'Link' },
+    });
+    expect(screen.getByRole('link', { name: 'Link' })).toHaveAttribute(
+      'href',
+      'https://example.com',
+    );
+  });
+
+  it('sets title attribute', () => {
+    render(SbaButton, {
+      props: { title: 'My tooltip' },
+      slots: { default: 'Btn' },
+    });
+    expect(screen.getByRole('button', { name: 'Btn' })).toHaveAttribute(
+      'title',
+      'My tooltip',
+    );
+  });
+
+  it('is disabled when disabled prop is true', () => {
+    render(SbaButton, {
+      props: { disabled: true },
+      slots: { default: 'Disabled' },
+    });
+    expect(screen.getByRole('button', { name: 'Disabled' })).toBeDisabled();
+  });
+
+  it('is not disabled by default', () => {
+    render(SbaButton, { slots: { default: 'Active' } });
+    expect(screen.getByRole('button', { name: 'Active' })).not.toBeDisabled();
+  });
+
+  it('emits click event when button is clicked', async () => {
+    const { emitted } = render(SbaButton, { slots: { default: 'Click' } });
+    await userEvent.click(screen.getByRole('button', { name: 'Click' }));
+    expect(emitted().click).toHaveLength(1);
+  });
+
+  it('does not emit click event when rendered as anchor', async () => {
+    const { emitted } = render(SbaButton, {
+      props: { as: 'a', href: '#' },
+      slots: { default: 'Link' },
+    });
+    await userEvent.click(screen.getByRole('link', { name: 'Link' }));
+    expect(emitted().click).toBeUndefined();
+  });
+
+  it('accepts a Vue component as the as prop and emits click', async () => {
+    const StubComponent = defineComponent({
+      template: '<button v-bind="$attrs"><slot /></button>',
+    });
+    const { emitted } = render(SbaButton, {
+      props: { as: StubComponent },
+      slots: { default: 'Component' },
+    });
+    await userEvent.click(screen.getByRole('button', { name: 'Component' }));
+    expect(emitted().click).toHaveLength(1);
+  });
+
+  it('passes attrs through to a component passed as the as prop', () => {
+    const StubComponent = defineComponent({
+      template: '<span v-bind="$attrs"><slot /></span>',
+    });
+    render(SbaButton, {
+      props: { as: StubComponent, primary: true },
+      slots: { default: 'Component' },
+    });
+    expect(screen.getByText('Component')).toHaveClass('is-primary');
+  });
+
+  it('applies is-primary class when primary prop is true', () => {
+    render(SbaButton, {
+      props: { primary: true },
+      slots: { default: 'Primary' },
+    });
+    expect(screen.getByRole('button', { name: 'Primary' })).toHaveClass(
+      'is-primary',
+    );
+  });
+
+  it('does not apply is-primary class by default', () => {
+    render(SbaButton, { slots: { default: 'Default' } });
+    expect(screen.getByRole('button', { name: 'Default' })).not.toHaveClass(
+      'is-primary',
+    );
+  });
+
+  it.each([
+    ['2xs', 'px-1.5'],
+    ['xs', 'px-2'],
+    ['sm', 'px-3'],
+    ['base', 'px-4'],
+  ])('applies correct padding class for size="%s"', (size, expectedClass) => {
+    render(SbaButton, { props: { size }, slots: { default: 'Btn' } });
+    expect(screen.getByRole('button', { name: 'Btn' })).toHaveClass(
+      expectedClass,
+    );
+  });
+});
diff --git a/spring-boot-admin-server-ui/src/main/frontend/components/sba-button.vue b/spring-boot-admin-server-ui/src/main/frontend/components/sba-button.vue
index 0afd92756d0..3156b5b1d6a 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/components/sba-button.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/components/sba-button.vue
@@ -1,7 +1,7 @@
 <template>
   <component
     :is="as"
-    class="btn relative items-center"
+    class="btn relative items-center cursor-pointer"
     v-bind="componentAttrs"
     @click="handleClick"
   >
@@ -19,11 +19,8 @@ const props = defineProps({
     default: '',
   },
   as: {
-    type: String,
+    type: [String, Object, Function],
     default: 'button',
-    validator(value) {
-      return ['a', 'button'].includes(value);
-    },
   },
   href: {
     type: String,
@@ -49,7 +46,7 @@ const attrs = useAttrs();
 
 const cssClasses = computed(() => {
   return {
-    'px-1 py-0 text-xs': props.size === '2xs',
+    'px-1.5 py-0.5 text-xs': props.size === '2xs',
     'px-2 py-2 text-xs': props.size === 'xs',
     'px-3 py-2': props.size === 'sm',
     'px-4 py-3': props.size === 'base',
@@ -79,17 +76,16 @@ const componentAttrs = computed(() => {
       type: props.type,
     };
   }
-  return {};
+  return common;
 });
 
 const emit = defineEmits(['click']);
 const handleClick = (event) => {
-  if (props.as === 'button') {
-    emit('click', event);
-  }
   if (props.as === 'a') {
     event.stopPropagation();
+    return;
   }
+  emit('click', event);
 };
 </script>
 
diff --git a/spring-boot-admin-server-ui/src/main/frontend/index.css b/spring-boot-admin-server-ui/src/main/frontend/index.css
index 7e4ab40e666..c8f572314f3 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/index.css
+++ b/spring-boot-admin-server-ui/src/main/frontend/index.css
@@ -77,16 +77,6 @@ th {
   @apply border-b border-gray-200;
 }
 
-.-rotate-90 {
-  --tw-rotate: -90deg;
-  transform: rotate(var(--tw-rotate));
-}
-
-.rotate-90 {
-  --tw-rotate: 90deg;
-  transform: rotate(var(--tw-rotate));
-}
-
 table.table-wide td {
   @apply px-2 py-1.5;
 }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/ApplicationListItemAction.vue b/spring-boot-admin-server-ui/src/main/frontend/views/applications/ApplicationListItemAction.vue
index 1db6a43ce7a..19d57a7cc8f 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/ApplicationListItemAction.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/ApplicationListItemAction.vue
@@ -2,44 +2,50 @@
   <sba-button-group class="application-list-item__header__actions text-right">
     <router-link v-slot="{ navigate }" :to="journalLink" custom>
       <sba-button
-        :title="$t('applications.actions.journal')"
+        :size="size === 'xs' ? '2xs' : undefined"
+        :title="t('applications.actions.journal')"
         @click.stop="navigate"
       >
-        <font-awesome-icon :icon="faHistory" />
+        <font-awesome-icon :icon="faScroll" :size="size" />
       </sba-button>
     </router-link>
     <sba-button
       v-if="hasNotificationFiltersSupport"
       :id="`nf-settings-${item.name || item.id}`"
+      :size="size === 'xs' ? '2xs' : undefined"
       :title="$t('applications.actions.notification_filters')"
       @click.stop="$emit('filter-settings', item)"
     >
       <font-awesome-icon
+        :size="size"
         :icon="hasActiveNotificationFilter ? faBellSlash : faBell"
       />
     </sba-button>
     <sba-button
       v-if="item.isUnregisterable"
       class="btn-unregister"
-      :title="$t('applications.actions.unregister')"
+      :size="size === 'xs' ? '2xs' : undefined"
+      :title="t('applications.actions.unregister')"
       @click.stop="actionHandler.unregister(item)"
     >
-      <font-awesome-icon :icon="faTrash" />
+      <font-awesome-icon :size="size" :icon="faTrash" />
     </sba-button>
     <sba-button
       v-if="item.hasEndpoint('restart')"
-      :title="$t('applications.actions.restart')"
+      :size="size === 'xs' ? '2xs' : undefined"
+      :title="t('applications.actions.restart')"
       @click.stop="actionHandler.restart(item)"
     >
-      <font-awesome-icon :icon="faUndoAlt" />
+      <font-awesome-icon :size="size" :icon="faUndoAlt" />
     </sba-button>
     <sba-button
       v-if="item.hasEndpoint('shutdown')"
-      :title="$t('applications.actions.shutdown')"
+      :size="size === 'xs' ? '2xs' : undefined"
+      :title="t('applications.actions.shutdown')"
       class="is-danger btn-shutdown"
       @click.stop="actionHandler.shutdown(item)"
     >
-      <font-awesome-icon :icon="faPowerOff" />
+      <font-awesome-icon :size="size" :icon="faPowerOff" />
     </sba-button>
   </sba-button-group>
 </template>
@@ -48,16 +54,18 @@
 import {
   faBell,
   faBellSlash,
-  faHistory,
   faPowerOff,
+  faScroll,
   faTrash,
   faUndoAlt,
 } from '@fortawesome/free-solid-svg-icons';
 import { useNotificationCenter } from '@stekoe/vue-toast-notificationcenter';
-import { inject } from 'vue';
+import { PropType, inject } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { RouteLocationNamedRaw } from 'vue-router';
 
+import SbaButtonGroup from '@/components/sba-button-group.vue';
+
 import Application from '@/services/application';
 import Instance from '@/services/instance';
 import {
@@ -83,6 +91,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  size: {
+    type: String as PropType<'xs' | 'sm'>,
+    default: 'sm',
+  },
 });
 
 defineEmits(['filter-settings']);
@@ -110,9 +122,4 @@ if (props.item instanceof Application) {
 .application-list-item__header__actions {
   @apply hidden lg:inline-flex p-1 bg-black/5 rounded-lg;
 }
-
-.btn-shutdown,
-.btn-unregister {
-  @apply ml-1;
-}
 </style>
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/InstancesList.vue b/spring-boot-admin-server-ui/src/main/frontend/views/applications/InstancesList.vue
index 46f8d803fb1..5003fe7f1ed 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/InstancesList.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/InstancesList.vue
@@ -20,7 +20,7 @@
       v-for="instance in instances"
       :key="instance.id"
       :data-testid="instance.id"
-      class="flex p-2 pr-4 hover:bg-gray-100 gap-2 odd:bg-gray-50 items-center"
+      class="flex p-2 pr-4 hover:bg-gray-100 hover:cursor-pointer gap-2 odd:bg-gray-50 items-center"
       @click.stop="showDetails(instance)"
     >
       <div class="pt-1 md:w-16 text-center">
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.de.json b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.de.json
index b1c57c9b4c2..2b9dd4e99cb 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.de.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.de.json
@@ -40,6 +40,7 @@
   },
   "instances": {
     "shutdown": "Möchten Sie die Instanz <code>{name}</code> herunterfahren?",
+    "open_details": "Instanzdetails öffnen",
     "restart": "Möchten Sie die Instanz <code>{name}</code> neu starten?",
     "restarted": "Die Instanz {name} wurde neu gestartet.",
     "unregister": "Möchten Sie die Instanz <code>{name}</code> deregistrieren?",
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.en.json b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.en.json
index a66d4b421b9..f4c1e81ea6b 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.en.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.en.json
@@ -46,6 +46,7 @@
     "shutdown": "Shutdown instance <code>{name}</code>?",
     "shutdown_successful": "Successfully shutdown instances {name}.",
     "shutdown_failed": "Failed to shutdown instances {name}.",
+    "open_details": "Open instance details",
     "restart": "Restart instance <code>{name}</code>?",
     "restarted": "Successfully restarted instance {name}.",
     "unregister": "Deregister instance <code>{name}</code>?",
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.es.json b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.es.json
index 14a79410010..017150be2e2 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.es.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.es.json
@@ -19,6 +19,7 @@
   },
   "instances": {
     "shutdown": "Detener instancia <code>{name}</code>?",
+    "open_details": "Abrir detalles de la instancia",
     "restart": "Reinciar instancia <code>{name}</code>?",
     "restarted": "Instancia reiniciada exitosamente"
   }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.fr.json b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.fr.json
index 3783ba87bb3..44e0e239372 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.fr.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.fr.json
@@ -19,6 +19,7 @@
   },
   "instances": {
     "shutdown": "Shutdown instance <code>{name}</code>?",
+    "open_details": "Ouvrir les détails de l'instance",
     "restart": "Restart instance <code>{name}</code>?",
     "restarted": "Successfully restarted instance"
   }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.is.json b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.is.json
index b45ca29c861..8c7d195593f 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.is.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.is.json
@@ -19,6 +19,7 @@
   },
   "instances": {
     "shutdown": "Shutdown instance <code>{name}</code>?",
+    "open_details": "Opna upplýsingar um eintak",
     "restart": "Restart instance <code>{name}</code>?",
     "restarted": "Successfully restarted instance"
   }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.ko.json b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.ko.json
index 4a8c91cd548..2399361ded0 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.ko.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.ko.json
@@ -43,6 +43,7 @@
     "shutdown": "<code>{name}</code> 인스턴스를 종료할까요?",
     "shutdown_successful": "{name} 인스턴스를 종료하였습니다.",
     "shutdown_failed": "{name} 인스턴스를 종료하지 못하였습니다.",
+    "open_details": "인스턴스 상세 정보 열기",
     "restart": "<code>{name}</code> 인스턴스를 재시작할까요?",
     "restarted": "{name} 인스턴스를 재시작하였습니다.",
     "unregister": "<code>{name}</code> 인스턴스 등록을 해제할까요?",
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.pt-BR.json b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.pt-BR.json
index 384b6a46631..68577d780ee 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.pt-BR.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.pt-BR.json
@@ -19,6 +19,7 @@
   },
   "instances": {
     "shutdown": "Shutdown instance <code>{name}</code>?",
+    "open_details": "Abrir detalhes da instância",
     "restart": "Restart instance <code>{name}</code>?",
     "restarted": "Successfully restarted instance"
   }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.ru.json b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.ru.json
index 2f896cef694..6c56a4a309b 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.ru.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.ru.json
@@ -43,6 +43,7 @@
     "shutdown": "Остановить экземпляр <code>{name}</code>?",
     "shutdown_successful": "Экземпляр {name} успешно остановлен.",
     "shutdown_failed": "Ошибка остановки экземпляра {name}.",
+    "open_details": "Открыть сведения об экземпляре",
     "restart": "Перезапустить экземпляр <code>{name}</code>?",
     "restarted": "Экземпляр {name} успешно перезапущен.",
     "unregister": "Удалить регистрацию экземпляра <code>{name}</code>?",
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.zh-CN.json b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.zh-CN.json
index 04392146f05..ae1fe5328cd 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.zh-CN.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.zh-CN.json
@@ -19,6 +19,7 @@
   },
   "instances": {
     "shutdown": "Shutdown instance <code>{name}</code>?",
+    "open_details": "打开实例详情",
     "restart": "Restart instance <code>{name}</code>?",
     "restarted": "Successfully restarted instance"
   }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.zh-TW.json b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.zh-TW.json
index 872097562c4..1cb4fdbb7b3 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.zh-TW.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/i18n.zh-TW.json
@@ -43,6 +43,7 @@
     "shutdown": "確定要關閉執行個體 <code>{name}</code>？",
     "shutdown_successful": "執行個體 {name} 已成功關閉。",
     "shutdown_failed": "關閉執行個體 {name} 失敗。",
+    "open_details": "開啟執行個體詳細資訊",
     "restart": "確定要重新啟動執行個體 <code>{name}</code>？",
     "restarted": "執行個體 {name} 已成功重新啟動。",
     "unregister": "確定要取消註冊執行個體 <code>{name}</code>？",
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/applications/index.vue
index 5194257fa9c..4920ea4fc9f 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/index.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/index.vue
@@ -19,52 +19,54 @@
     <sba-wave />
     <section>
       <sba-sticky-subnav>
-        <div class="container mx-auto flex">
-          <ApplicationStats />
-          <sba-confirm-button
-            class="mr-1"
-            :title="$t('applications.actions.refresh_applications')"
-            @click="refreshApplications"
-          >
-            <font-awesome-icon :icon="'rotate-left'" />
-          </sba-confirm-button>
-          <template v-if="groupNames.length > 1">
-            <sba-button-group class="mr-1">
-              <sba-button
-                :title="
-                  $t('applications.actions.switch_to_grouping_by_application')
-                "
-                :disabled="isGroupingFunctionActive('application')"
-                @click="() => setGroupingFunction('application')"
-              >
-                <font-awesome-icon icon="list" />
-              </sba-button>
-              <sba-button
-                :title="$t('applications.actions.switch_to_grouping_by_group')"
-                :disabled="isGroupingFunctionActive('group')"
-                @click="() => setGroupingFunction('group')"
-              >
-                <font-awesome-icon icon="expand" />
-              </sba-button>
-            </sba-button-group>
-          </template>
-          <ApplicationNotificationCenter
-            v-if="hasNotificationFiltersSupport"
-            :notification-filters="notificationFilters"
-            @filter-remove="removeFilter"
-          />
-          <div class="flex-1">
-            <sba-input
-              v-model="routerState.q"
-              :placeholder="t('term.filter')"
-              name="filter"
-              type="search"
+        <div class="container mx-auto flex justify-between">
+          <div class="flex">
+            <ApplicationStats />
+            <sba-confirm-button
+              class="mr-1"
+              :title="$t('applications.actions.refresh_applications')"
+              @click="refreshApplications"
             >
-              <template #prepend>
-                <font-awesome-icon icon="filter" />
-              </template>
-            </sba-input>
+              <font-awesome-icon :icon="'rotate-left'" />
+            </sba-confirm-button>
+            <template v-if="groupNames.length > 1">
+              <sba-button-group class="mr-1">
+                <sba-button
+                  :title="
+                    $t('applications.actions.switch_to_grouping_by_application')
+                  "
+                  :disabled="isGroupingFunctionActive('application')"
+                  @click="() => setGroupingFunction('application')"
+                >
+                  <font-awesome-icon icon="list" />
+                </sba-button>
+                <sba-button
+                  :title="
+                    $t('applications.actions.switch_to_grouping_by_group')
+                  "
+                  :disabled="isGroupingFunctionActive('group')"
+                  @click="() => setGroupingFunction('group')"
+                >
+                  <font-awesome-icon icon="expand" />
+                </sba-button>
+              </sba-button-group>
+            </template>
+            <ApplicationNotificationCenter
+              v-if="hasNotificationFiltersSupport"
+              :notification-filters="notificationFilters"
+              @filter-remove="removeFilter"
+            />
           </div>
+          <sba-input
+            v-model="routerState.q"
+            :placeholder="t('term.filter')"
+            name="filter"
+            type="search"
+          >
+            <template #prepend>
+              <font-awesome-icon icon="filter" />
+            </template>
+          </sba-input>
         </div>
       </sba-sticky-subnav>
 
@@ -110,12 +112,14 @@
               "
             >
               <template #title>
-                <div class="items-center inline-flex flex-row min-w-116">
+                <div
+                  class="items-center inline-flex flex-row min-w-116 cursor-pointer"
+                >
                   <font-awesome-icon
-                    icon="chevron-down"
+                    icon="chevron-right"
+                    class="mr-2 transition-transform"
                     :class="{
-                      '-rotate-90': !isExpanded(group.name),
-                      'mr-2 transition-[transform]': true,
+                      'rotate-90': isExpanded(group.name),
                     }"
                   />
                   <sba-status-badge
@@ -162,14 +166,28 @@
               <template v-if="isExpanded(group.name)" #default>
                 <InstancesList :instances="group.instances">
                   <template #actions="{ instance }">
-                    <ApplicationListItemAction
-                      :has-notification-filters-support="
-                        hasNotificationFiltersSupport
-                      "
-                      :item="instance"
-                      class="md:hidden"
-                      @filter-settings="toggleNotificationFilterSettings"
-                    />
+                    <div class="inline-flex">
+                      <sba-button
+                        :as="RouterLink"
+                        :to="{
+                          name: 'instances/details',
+                          params: { instanceId: instance.id },
+                        }"
+                        size="2xs"
+                        class="self-center mr-1 whitespace-nowrap"
+                        v-text="t('instances.open_details')"
+                      />
+
+                      <ApplicationListItemAction
+                        :has-notification-filters-support="
+                          hasNotificationFiltersSupport
+                        "
+                        :item="instance"
+                        class="md:hidden"
+                        size="xs"
+                        @filter-settings="toggleNotificationFilterSettings"
+                      />
+                    </div>
                   </template>
                 </InstancesList>
               </template>
@@ -202,7 +220,7 @@ import { useNotificationCenter } from '@stekoe/vue-toast-notificationcenter';
 import { groupBy, sortBy, transform } from 'lodash-es';
 import { computed, nextTick, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRoute, useRouter } from 'vue-router';
+import { RouterLink, useRoute, useRouter } from 'vue-router';
 
 import SbaButton from '@/components/sba-button.vue';
 import SbaConfirmButton from '@/components/sba-confirm-button.vue';
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/listItem/ItemInformation.vue b/spring-boot-admin-server-ui/src/main/frontend/views/applications/listItem/ItemInformation.vue
index 303799ad339..49549ccf42e 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/applications/listItem/ItemInformation.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/applications/listItem/ItemInformation.vue
@@ -37,38 +37,43 @@
             small
           />
 
-          <template v-if="!instance.isUrlDisabled()">
+          <sba-button-group>
+            <template v-if="!instance.isUrlDisabled()">
+              <sba-button
+                as="a"
+                :href="instance.registration.serviceUrl"
+                :title="instance.registration.serviceUrl"
+                size="2xs"
+                referrerpolicy="no-referrer"
+                target="_blank"
+                :aria-label="t('term.homepage')"
+              >
+                <font-awesome-icon :icon="faHomeAlt" size="xs" />
+              </sba-button>
+            </template>
             <sba-button
               as="a"
-              :href="instance.registration.serviceUrl"
+              :href="instance.registration.managementUrl"
+              :title="instance.registration.managementUrl"
               size="2xs"
               referrerpolicy="no-referrer"
               target="_blank"
-              :aria-label="t('term.homepage')"
+              :aria-label="t('term.actuator_endpoint')"
             >
-              <font-awesome-icon :icon="faHome" size="xs" />
+              <font-awesome-icon :icon="faCogs" size="xs" />
             </sba-button>
-          </template>
-          <sba-button
-            as="a"
-            :href="instance.registration.managementUrl"
-            size="2xs"
-            referrerpolicy="no-referrer"
-            target="_blank"
-            :aria-label="t('term.actuator_endpoint')"
-          >
-            <font-awesome-icon :icon="faClipboardList" size="xs" />
-          </sba-button>
-          <sba-button
-            as="a"
-            :href="instance.registration.healthUrl"
-            size="2xs"
-            referrerpolicy="no-referrer"
-            target="_blank"
-            :aria-label="t('health.label')"
-          >
-            <font-awesome-icon :icon="faHeart" size="xs" />
-          </sba-button>
+            <sba-button
+              as="a"
+              :href="instance.registration.healthUrl"
+              :title="instance.registration.healthUrl"
+              size="2xs"
+              referrerpolicy="no-referrer"
+              target="_blank"
+              :aria-label="t('health.label')"
+            >
+              <font-awesome-icon :icon="faHeartPulse" size="xs" />
+            </sba-button>
+          </sba-button-group>
         </div>
       </template>
 
@@ -92,9 +97,9 @@
 
 <script setup lang="ts">
 import {
-  faClipboardList,
-  faHeart,
-  faHome,
+  faCogs,
+  faHeartPulse,
+  faHomeAlt,
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import { useI18n } from 'vue-i18n';
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/auditevents/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/auditevents/index.vue
index d8d2c59be2e..5eecf77a2db 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/auditevents/index.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/auditevents/index.vue
@@ -18,7 +18,7 @@
   <sba-instance-section :error="error" :loading="isLoading">
     <template #before>
       <sba-sticky-subnav>
-        <div class="flex gap-2">
+        <div class="flex gap-2 justify-end">
           <sba-input
             v-model.trim="filter.principal"
             :placeholder="$t('instances.auditevents.principal')"
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/beans/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/beans/index.vue
index 9a69799c69b..069df0fed7a 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/beans/index.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/beans/index.vue
@@ -20,6 +20,7 @@
       <sba-sticky-subnav>
         <sba-input
           v-model="filter"
+          class="justify-self-end"
           :placeholder="$t('term.filter')"
           name="filter"
           type="search"
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/conditions/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/conditions/index.vue
index 28392e6f421..148f98852b9 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/conditions/index.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/conditions/index.vue
@@ -20,6 +20,7 @@
       <sba-sticky-subnav>
         <sba-input
           v-model="filter"
+          class="justify-self-end"
           :placeholder="$t('term.filter')"
           name="filter"
           type="search"
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/configprops/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/configprops/index.vue
index 4a5330e1e88..022d0938b5c 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/configprops/index.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/configprops/index.vue
@@ -20,6 +20,7 @@
       <sba-sticky-subnav>
         <sba-input
           v-model="filter"
+          class="justify-self-end"
           :placeholder="$t('term.filter')"
           name="filter"
           type="search"
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/dependencies/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/dependencies/index.vue
index 64a9d19b16a..b7ebf332505 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/dependencies/index.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/dependencies/index.vue
@@ -4,6 +4,7 @@
       <sba-sticky-subnav>
         <sba-input
           v-model="filter"
+          class="justify-self-end"
           :placeholder="$t('term.filter')"
           name="filter"
           type="search"
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/details/details-health.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/details/details-health.vue
index e5b03911c85..6a7197ce1df 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/details/details-health.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/details/details-health.vue
@@ -32,10 +32,11 @@
 
     <template #actions>
       <router-link
+        :title="$t('applications.actions.journal')"
         :to="{ name: 'journal', query: { instanceId: instance.id } }"
         class="text-sm inline-flex items-center leading-sm border border-gray-400 bg-white text-gray-700 rounded overflow-hidden px-3 py-1 hover:bg-gray-200 ml-1"
       >
-        <font-awesome-icon icon="history" />
+        <font-awesome-icon :icon="faScroll()" />
       </router-link>
     </template>
 
@@ -90,6 +91,7 @@
 </template>
 
 <script lang="ts">
+import { faHistory, faScroll } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
 import SbaAccordion from '@/components/sba-accordion.vue';
@@ -131,6 +133,12 @@ export default {
     },
   },
   methods: {
+    faScroll() {
+      return faScroll;
+    },
+    faHistory() {
+      return faHistory;
+    },
     reloadHealth() {
       const updateKey =
         this.instance.version ??
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/details/details-nav.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/details/details-nav.vue
index 468197f5b96..c39a6d633ca 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/details/details-nav.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/details/details-nav.vue
@@ -16,7 +16,7 @@
             target="_blank"
             :title="instance.registration.serviceUrl"
             :href="instance.registration.serviceUrl"
-            class="border-gray-400 ml-1"
+            class="border-gray-400"
           >
             <font-awesome-icon :icon="faHome" />
           </sba-button>
@@ -28,9 +28,9 @@
             target="_blank"
             :title="instance.registration.managementUrl"
             :href="instance.registration.managementUrl"
-            class="border-gray-400 ml-1"
+            class="border-gray-400"
           >
-            <font-awesome-icon :icon="faClipboardList" />
+            <font-awesome-icon :icon="faCogs" />
           </sba-button>
 
           <sba-button
@@ -40,9 +40,9 @@
             target="_blank"
             :title="instance.registration.healthUrl"
             :href="instance.registration.healthUrl"
-            class="border-gray-400 ml-1"
+            class="border-gray-400"
           >
-            <font-awesome-icon :icon="faHeart" />
+            <font-awesome-icon :icon="faHeartPulse" />
           </sba-button>
         </sba-button-group>
       </div>
@@ -52,8 +52,8 @@
 
 <script setup lang="ts">
 import {
-  faClipboardList,
-  faHeart,
+  faCogs,
+  faHeartPulse,
   faHome,
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/env/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/env/index.vue
index 42db366b6fa..7f32946973b 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/env/index.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/env/index.vue
@@ -18,18 +18,20 @@
   <sba-instance-section :error="error" :loading="isLoading">
     <template #before>
       <sba-sticky-subnav v-if="env">
-        <div class="flex">
-          <div v-if="instance.hasEndpoint('refresh')" class="mr-1">
-            <refresh
-              :application="application"
-              :instance="instance"
-              @refresh="fetchEnv"
-            />
-          </div>
-          <div v-if="instance.hasEndpoint('busrefresh')" class="mr-1">
-            <busrefresh :instance="instance" @refresh="fetchEnv" />
+        <div class="flex justify-between">
+          <div>
+            <div v-if="instance.hasEndpoint('refresh')" class="mr-1">
+              <refresh
+                :application="application"
+                :instance="instance"
+                @refresh="fetchEnv"
+              />
+            </div>
+            <div v-if="instance.hasEndpoint('busrefresh')" class="mr-1">
+              <busrefresh :instance="instance" @refresh="fetchEnv" />
+            </div>
           </div>
-          <div class="flex-1">
+          <div>
             <sba-input
               v-model="filter"
               :placeholder="$t('term.filter')"
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/loggers/loggers.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/loggers/loggers.vue
index cf61a74cca0..a4f60f28057 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/loggers/loggers.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/loggers/loggers.vue
@@ -18,7 +18,7 @@
   <sba-instance-section :error="error" :loading="!hasLoaded">
     <template #before>
       <sba-sticky-subnav>
-        <div class="flex gap-2">
+        <div class="flex gap-2 justify-end">
           <sba-toggle-scope-button
             v-if="instanceCount > 1"
             v-model="scope"
@@ -26,22 +26,20 @@
             :show-info="false"
           />
 
-          <div class="flex-1">
-            <sba-input
-              v-model="filter.name"
-              :placeholder="$t('term.filter')"
-              name="filter"
-              type="search"
-            >
-              <template #prepend>
-                <font-awesome-icon icon="filter" />
-              </template>
-              <template #append>
-                <span v-text="filteredLoggers.length" /> /
-                <span v-text="loggerConfig.loggers.length" />
-              </template>
-            </sba-input>
-          </div>
+          <sba-input
+            v-model="filter.name"
+            :placeholder="$t('term.filter')"
+            name="filter"
+            type="search"
+          >
+            <template #prepend>
+              <font-awesome-icon icon="filter" />
+            </template>
+            <template #append>
+              <span v-text="filteredLoggers.length" /> /
+              <span v-text="loggerConfig.loggers.length" />
+            </template>
+          </sba-input>
 
           <!-- FILTER -->
           <div>
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/sbomdependencytrees/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/sbomdependencytrees/index.vue
index 44093bb8215..2f7ddb7952b 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/sbomdependencytrees/index.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/sbomdependencytrees/index.vue
@@ -20,6 +20,7 @@
       <sba-sticky-subnav>
         <sba-input
           v-model="filter"
+          class="justify-self-end"
           :placeholder="$t('term.filter')"
           name="filter"
           type="search"
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/shell/sidebar.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/shell/sidebar.vue
index ec2b5441a7c..b8609e78427 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/shell/sidebar.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/shell/sidebar.vue
@@ -74,7 +74,7 @@
             <font-awesome-icon
               class="h-3 ml-auto hidden md:block transition"
               :class="{
-                '-rotate-90': isGroupOpen(group),
+                'rotate-180': isGroupOpen(group),
               }"
               :icon="faChevronUp"
             />
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/startup/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/startup/index.vue
index ddce5e32c24..b28c47b8ba0 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/startup/index.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/startup/index.vue
@@ -18,7 +18,7 @@
   <sba-instance-section :error="error">
     <template #before>
       <sba-sticky-subnav>
-        <div class="flex gap-2">
+        <div class="flex gap-2 justify-between">
           <sba-button v-if="!isExpanded" @click="expandTree">
             <svg
               class="h-4 w-4"
@@ -45,7 +45,7 @@
               />
             </svg>
           </sba-button>
-          <div class="flex-1">
+          <div>
             <sba-input
               v-model="filter"
               :placeholder="