diff --git a/package-lock.json b/package-lock.json
index 6fefc70..6906b8a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -56,7 +56,7 @@
 				"prettier-plugin-svelte": "^2.10.1",
 				"svelte": "^4.2.12",
 				"svelte-check": "^3.4.3",
-				"svelte-loading-spinners": "^0.1.7",
+				"svelte-loading-spinners": "^0.3.4",
 				"svelte-preprocess": "^5.0.3",
 				"tailwindcss": "^3.3.3",
 				"transliteration": "^2.3.5",
@@ -8696,9 +8696,9 @@
 			}
 		},
 		"node_modules/svelte-loading-spinners": {
-			"version": "0.1.7",
-			"resolved": "https://registry.npmjs.org/svelte-loading-spinners/-/svelte-loading-spinners-0.1.7.tgz",
-			"integrity": "sha512-EKCId1DjVL2RSUVJJsvtNcqQHox03XIgh4xh/4p7r6ST7d8mut6INY9/LqK4A17PFU64+3quZmqiSfOlf480CA==",
+			"version": "0.3.4",
+			"resolved": "https://registry.npmjs.org/svelte-loading-spinners/-/svelte-loading-spinners-0.3.4.tgz",
+			"integrity": "sha512-vKaW71QMCBcTNijAGc0mUl8k3DQ66iYmp6MB8BMGCXyWk82bTrcLy8FOnSm9fE+8q6TwzD6PLUoYFHt0II93Xw==",
 			"dev": true
 		},
 		"node_modules/svelte-parse-markup": {
diff --git a/package.json b/package.json
index 235f9bf..dc5e189 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
 		"prettier-plugin-svelte": "^2.10.1",
 		"svelte": "^4.2.12",
 		"svelte-check": "^3.4.3",
-		"svelte-loading-spinners": "^0.1.7",
+		"svelte-loading-spinners": "^0.3.4",
 		"svelte-preprocess": "^5.0.3",
 		"tailwindcss": "^3.3.3",
 		"transliteration": "^2.3.5",
diff --git a/src/lib/ProductQuantity.svelte b/src/lib/ProductQuantity.svelte
index 233ad90..3df0381 100644
--- a/src/lib/ProductQuantity.svelte
+++ b/src/lib/ProductQuantity.svelte
@@ -56,7 +56,7 @@
 	<div id="body" class="px-0 md:px-4 spacey-y-4">
 		{#each descriptions as product, index}
 		{#if $selection[index] > 0}
-			<div transition:slide|global="{{ duration: 250 }}">
+			<div transition:slide="{{ duration: 250 }}">
 				<div class="flex items-center">
 					<!-- Row start -->
 					<div class="w-6/12">
@@ -76,8 +76,8 @@
 								-
 							</button>
 						</div>
-						<div in:fade|global class="my-1 py-2 dark:text-white">
-							<p in:fade|global>{$selection[index]}</p>
+						<div in:fade class="my-1 py-2 dark:text-white">
+							<p in:fade>{$selection[index]}</p>
 						</div>
 						<div class="">
 							<button
diff --git a/src/lib/ProjectDetails.svelte b/src/lib/ProjectDetails.svelte
index 7674eb6..c48cfc4 100644
--- a/src/lib/ProjectDetails.svelte
+++ b/src/lib/ProjectDetails.svelte
@@ -262,7 +262,7 @@
 					<tr class="even:backdrop-brightness-75">
 						<td class="p-1">Terms and Conditions:</td>
 						<td class="pr-4">
-							<span class="inline-flex items-baseline">
+							<span class="inline-flex items-baseline max-w-48">
 								{#if campaignStaticData.legalContractURI && campaignStaticData.legalContractURI != ''}
 									<span>{campaignStaticData.legalContractURI}</span>
 								{:else}
diff --git a/src/lib/ProjectGlobalView.svelte b/src/lib/ProjectGlobalView.svelte
index 50f31c4..35ec3fe 100644
--- a/src/lib/ProjectGlobalView.svelte
+++ b/src/lib/ProjectGlobalView.svelte
@@ -119,7 +119,7 @@
 			{state}
 		/>
 
-		<div class="min-w-max mx-2">
+		<div class="min-w-max">
 			{#if campaignStaticUI}
 				<p class="projectStatus">
 					<TimeLeft endTime={$campaignStaticUI.endDate} />