diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/executeFunction.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/executeFunction.svelte
index 194b18bed..49608fc1e 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/executeFunction.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/executeFunction.svelte
@@ -1,20 +1,16 @@
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { CardGrid, Heading } from '$lib/components';
+    import { CardGrid, Heading, SvgIcon } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { toLocaleDateTime } from '$lib/helpers/date';
-    import { app } from '$lib/stores/app';
     import { execute, func } from '../store';
 </script>
 
 <CardGrid>
     <div class="grid-1-2-col-1 u-flex u-cross-center u-gap-16">
-        <div class="avatar is-medium">
-            <img
-                src={`${base}/icons/${$app.themeInUse}/color/${$func.runtime.split('-')[0]}.svg`}
-                alt="technology" />
+        <div class="avatar">
+            <SvgIcon name={$func.runtime.split('-')[0]} type="color" size={80} />
         </div>
-        <div>
+        <div class="u-flex-vertical u-gap-4">
             <Heading tag="h6" size="7">{$func.name}</Heading>
 
             <p class="text u-capitalize">{$func.runtime}</p>
@@ -23,9 +19,8 @@
     <svelte:fragment slot="aside">
         <div class="u-flex u-main-space-between">
             <div>
-                <p>Function ID: {$func.$id}</p>
                 <p>Created at: {toLocaleDateTime($func.$createdAt)}</p>
-                <p>Updated at: {toLocaleDateTime($func.$updatedAt)}</p>
+                <p>Last updated at: {toLocaleDateTime($func.$updatedAt)}</p>
             </div>
         </div>
     </svelte:fragment>