diff --git a/apps/api/src/lib/common.ts b/apps/api/src/lib/common.ts
index dc8066239..9456d5920 100644
--- a/apps/api/src/lib/common.ts
+++ b/apps/api/src/lib/common.ts
@@ -17,7 +17,7 @@ import { checkContainer, removeContainer } from './docker';
 import { day } from './dayjs';
 import * as serviceFields from './serviceFields'
 
-export const version = '3.3.0';
+export const version = '3.3.1';
 export const isDev = process.env.NODE_ENV === 'development';
 
 const algorithm = 'aes-256-ctr';
diff --git a/apps/ui/src/lib/components/svg/applications/ApplicationIcons.svelte b/apps/ui/src/lib/components/svg/applications/ApplicationIcons.svelte
index a633375b7..379b775ce 100644
--- a/apps/ui/src/lib/components/svg/applications/ApplicationIcons.svelte
+++ b/apps/ui/src/lib/components/svg/applications/ApplicationIcons.svelte
@@ -4,38 +4,38 @@
 	export let isAbsolute = true;
 </script>
 
-{#if application.buildPack.toLowerCase() === 'rust'}
+{#if application.buildPack?.toLowerCase() === 'rust'}
 	<Icons.Rust {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'node'}
+{:else if application.buildPack?.toLowerCase() === 'node'}
 	<Icons.Nodejs {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'react'}
+{:else if application.buildPack?.toLowerCase() === 'react'}
 	<Icons.React {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'svelte'}
+{:else if application.buildPack?.toLowerCase() === 'svelte'}
 	<Icons.Svelte {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'vuejs'}
+{:else if application.buildPack?.toLowerCase() === 'vuejs'}
 	<Icons.Vuejs {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'php'}
+{:else if application.buildPack?.toLowerCase() === 'php'}
 	<Icons.Php {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'python'}
+{:else if application.buildPack?.toLowerCase() === 'python'}
 	<Icons.Python {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'static'}
+{:else if application.buildPack?.toLowerCase() === 'static'}
 	<Icons.Static {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'nestjs'}
+{:else if application.buildPack?.toLowerCase() === 'nestjs'}
 	<Icons.Nestjs {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'nuxtjs'}
+{:else if application.buildPack?.toLowerCase() === 'nuxtjs'}
 	<Icons.Nuxtjs {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'nextjs'}
+{:else if application.buildPack?.toLowerCase() === 'nextjs'}
 	<Icons.Nextjs {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'gatsby'}
+{:else if application.buildPack?.toLowerCase() === 'gatsby'}
 	<Icons.Gatsby {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'docker'}
+{:else if application.buildPack?.toLowerCase() === 'docker'}
 	<Icons.Docker {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'astro'}
+{:else if application.buildPack?.toLowerCase() === 'astro'}
 	<Icons.Astro {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'eleventy'}
+{:else if application.buildPack?.toLowerCase() === 'eleventy'}
 	<Icons.Eleventy {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'deno'}
+{:else if application.buildPack?.toLowerCase() === 'deno'}
 	<Icons.Deno {isAbsolute} />
-{:else if application.buildPack.toLowerCase() === 'laravel'}
+{:else if application.buildPack?.toLowerCase() === 'laravel'}
 	<Icons.Laravel {isAbsolute} />
 {/if}
diff --git a/package.json b/package.json
index cc558daff..d9c9790d8 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "coolify",
   "description": "An open-source & self-hostable Heroku / Netlify alternative.",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "license": "Apache-2.0",
   "repository": "github:coollabsio/coolify",
   "scripts": {