diff --git a/packages/ui-components/src/lib/components/DropdownProperty.svelte b/packages/ui-components/src/lib/components/DropdownProperty.svelte
new file mode 100644
index 000000000..73086a12a
--- /dev/null
+++ b/packages/ui-components/src/lib/components/DropdownProperty.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	export let key: string;
+	export let value: string;
+</script>
+
+<div class="mb-2">
+	<h5 class="text-md w-full tracking-tight text-gray-400 dark:text-gray-400">
+		{key}
+	</h5>
+	<p class="font-regular break-all leading-tight text-gray-800 dark:text-white">
+		{value}
+	</p>
+</div>
diff --git a/packages/ui-components/src/lib/components/IconError.svelte b/packages/ui-components/src/lib/components/IconError.svelte
new file mode 100644
index 000000000..ac755c29c
--- /dev/null
+++ b/packages/ui-components/src/lib/components/IconError.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+	import CloseCircleSolid from 'flowbite-svelte-icons/CloseCircleSolid.svelte';
+</script>
+
+<div
+	class="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-red-100 text-red-500 dark:bg-red-800 dark:text-red-200"
+>
+	<CloseCircleSolid class="h-5 w-5" />
+</div>
diff --git a/packages/ui-components/src/lib/index.ts b/packages/ui-components/src/lib/index.ts
index 76b1eb20c..7278e5b90 100644
--- a/packages/ui-components/src/lib/index.ts
+++ b/packages/ui-components/src/lib/index.ts
@@ -32,6 +32,8 @@ export { default as EditableSpan } from './components/EditableSpan.svelte';
 export { default as BlockQuote } from './components/BlockQuote.svelte';
 export { default as Heading } from './components/Heading.svelte';
 export { default as Text } from './components/Text.svelte';
+export { default as DropdownProperty } from './components/DropdownProperty.svelte';
+export { default as IconError } from './components/IconError.svelte';
 
 //Types
 export type { AppStoresInterface } from './types/appStores.ts';
diff --git a/tauri-app/src/lib/components/AppToast.svelte b/tauri-app/src/lib/components/AppToast.svelte
index bffbb4397..ec8b56ab4 100644
--- a/tauri-app/src/lib/components/AppToast.svelte
+++ b/tauri-app/src/lib/components/AppToast.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { Toast } from 'flowbite-svelte';
   import IconSuccess from '$lib/components/IconSuccess.svelte';
-  import IconError from '$lib/components/IconError.svelte';
+  import { IconError } from '@rainlanguage/ui-components';
   import IconWarning from '$lib/components/IconWarning.svelte';
   import IconInfo from '$lib/components/IconInfo.svelte';
   import CloseSolid from 'flowbite-svelte-icons/CloseSolid.svelte';
diff --git a/tauri-app/src/lib/components/DropdownProperty.svelte b/tauri-app/src/lib/components/DropdownProperty.svelte
deleted file mode 100644
index 34bc5252e..000000000
--- a/tauri-app/src/lib/components/DropdownProperty.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-  export let key: string;
-  export let value: string;
-</script>
-
-<div class="mb-2">
-  <h5 class="text-md w-full tracking-tight text-gray-400 dark:text-gray-400">
-    {key}
-  </h5>
-  <p class="font-regular break-all leading-tight text-gray-800 dark:text-white">
-    {value}
-  </p>
-</div>
diff --git a/tauri-app/src/lib/components/IconError.svelte b/tauri-app/src/lib/components/IconError.svelte
deleted file mode 100644
index 738c020f5..000000000
--- a/tauri-app/src/lib/components/IconError.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-  import CloseCircleSolid from 'flowbite-svelte-icons/CloseCircleSolid.svelte';
-</script>
-
-<div
-  class="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-red-100 text-red-500 dark:bg-red-800 dark:text-red-200"
->
-  <CloseCircleSolid class="h-5 w-5" />
-</div>