diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index 0d743a3b..f8ba4a95 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -24,7 +24,7 @@
     "@fortawesome/free-brands-svg-icons": "^6.6.0",
     "@fortawesome/free-regular-svg-icons": "^6.6.0",
     "@fortawesome/free-solid-svg-icons": "^6.6.0",
-    "@podman-desktop/ui-svelte": "1.17.2",
+    "@podman-desktop/ui-svelte": "1.18.0",
     "@sveltejs/vite-plugin-svelte": "5.0.3",
     "@tailwindcss/typography": "^0.5.14",
     "@testing-library/dom": "^10.4.0",
diff --git a/packages/frontend/src/lib/create/CreateService.svelte b/packages/frontend/src/lib/create/CreateService.svelte
index 38404312..20e1c447 100644
--- a/packages/frontend/src/lib/create/CreateService.svelte
+++ b/packages/frontend/src/lib/create/CreateService.svelte
@@ -125,10 +125,10 @@ function addScript(type: 'sql' | 'sh') {
     breadcrumbTitle="Go back to Services"
     onclose={goToUpPage}
     onbreadcrumbClick={goToUpPage}>
-    <svelte:fragment slot="icon">
+    {#snippet icon()}
       <i class="fas fa-cube fa-2x" aria-hidden="true"></i>
-    </svelte:fragment>
-    <svelte:fragment slot="content">
+    {/snippet}
+    {#snippet content()}
       <div class="p-5 min-w-full h-full flex flex-col">
         {#if error}
           <div class="m-4 text-red-600">{error}</div>
@@ -306,6 +306,6 @@ function addScript(type: 'sql' | 'sh') {
           </div>
         </div>
       </div>
-    </svelte:fragment>
+    {/snippet}
   </FormPage>
 </Route>
diff --git a/packages/frontend/src/lib/details/ServiceDetails.svelte b/packages/frontend/src/lib/details/ServiceDetails.svelte
index eb01f1a1..b04b2444 100644
--- a/packages/frontend/src/lib/details/ServiceDetails.svelte
+++ b/packages/frontend/src/lib/details/ServiceDetails.svelte
@@ -34,16 +34,18 @@ onMount(async () => {
     breadcrumbTitle="Go back to Services"
     onclose={goToUpPage}
     onbreadcrumbClick={goToUpPage}>
-    <svelte:fragment slot="subtitle">
+    {#snippet subtitleSnippet()}
       <div class="flex gap-x-2 items-center text-[var(--pd-content-sub-header)]">
         <span class="text-xs">{service?.name}</span>
       </div>
-    </svelte:fragment>
-    <svelte:fragment slot="tabs">
+    {/snippet}
+    {#snippet tabsSnippet()}
       <Tab title="Summary" selected={isTabSelected($router.path, 'summary')} url={`${containerId}/summary`} />
-    </svelte:fragment>
-    <svelte:fragment slot="content">
-      <Route path="/summary" breadcrumb="Summary"><Summary service={service} /></Route>
-    </svelte:fragment>
+    {/snippet}
+    {#snippet contentSnippet()}
+      {#if service}
+        <Route path="/summary" breadcrumb="Summary"><Summary service={service} /></Route>
+      {/if}
+    {/snippet}
   </DetailsPage>
 {/if}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3b8968c0..113fa055 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -157,8 +157,8 @@ importers:
         specifier: ^6.6.0
         version: 6.7.2
       '@podman-desktop/ui-svelte':
-        specifier: 1.17.2
-        version: 1.17.2(svelte-fa@4.0.3(svelte@5.25.3))(svelte@5.25.3)
+        specifier: 1.18.0
+        version: 1.18.0(svelte-fa@4.0.3(svelte@5.25.3))(svelte@5.25.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: 5.0.3
         version: 5.0.3(svelte@5.25.3)(vite@6.3.0(@types/node@22.14.1)(jiti@1.21.7)(yaml@2.7.0))
@@ -717,8 +717,8 @@ packages:
   '@podman-desktop/api@1.18.0':
     resolution: {integrity: sha512-+6MeXHxTPxcf0dT+Hmyer5o0QFQXYdBaZPoy68pd0Cx6O60EKeuWh7T4zcanf8m2cdZ63/iqfnrCwo26c3DZbg==}
 
-  '@podman-desktop/ui-svelte@1.17.2':
-    resolution: {integrity: sha512-7hGnfamqXA9IGJP9DJ1Jnz3O6rHyD4XWMwBxZJdNLNZGq5SQiDQwh8AePySUy505CD6B2EFkf1m1jlJaxsQuSg==}
+  '@podman-desktop/ui-svelte@1.18.0':
+    resolution: {integrity: sha512-E1T45OvD8kTZhur4x0/ITxyzpDJDI26yt5z/gO3EdTvSYYfnE8GHS5+jnRULRKhOphWNPBr1ltdWAe7O36GSmQ==}
     peerDependencies:
       svelte: ^4.0.0 || ^5.0.0
       svelte-fa: ^4.0.0
@@ -3395,7 +3395,7 @@ snapshots:
 
   '@podman-desktop/api@1.18.0': {}
 
-  '@podman-desktop/ui-svelte@1.17.2(svelte-fa@4.0.3(svelte@5.25.3))(svelte@5.25.3)':
+  '@podman-desktop/ui-svelte@1.18.0(svelte-fa@4.0.3(svelte@5.25.3))(svelte@5.25.3)':
     dependencies:
       '@fortawesome/fontawesome-free': 6.7.2
       '@fortawesome/free-brands-svg-icons': 6.7.2