diff --git a/manifest.json b/manifest.json
index 8753c2c..634c05a 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "vault-explorer",
 	"name": "Vault Explorer",
-	"version": "1.30.3",
+	"version": "1.30.4",
 	"minAppVersion": "1.4.13",
 	"description": "Explore your vault in visual format",
 	"author": "DecafDev",
diff --git a/package.json b/package.json
index eaa5341..cfe32da 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "obsidian-vault-explorer",
-	"version": "1.30.3",
+	"version": "1.30.4",
 	"description": "Explore your vault in visual format",
 	"main": "main.js",
 	"scripts": {
diff --git a/src/svelte/app/components/grid-card.svelte b/src/svelte/app/components/grid-card.svelte
index 92fcd3d..60ec19a 100644
--- a/src/svelte/app/components/grid-card.svelte
+++ b/src/svelte/app/components/grid-card.svelte
@@ -51,6 +51,18 @@
 
 	const dispatch = createEventDispatcher();
 
+	onMount(() => {
+		if (imageUrl) {
+			if (!isHttpsLink(imageUrl) || isImageUrl(imageUrl)) {
+				imgSrc = imageUrl;
+			}
+		}
+
+		if (loadSocialMediaImage) {
+			loadSocialImage(imageUrl);
+		}
+	});
+
 	onMount(() => {
 		function handleFileInteractionStyleChange() {
 			fileInteractionStyle = plugin.settings.fileInteractionStyle;
@@ -70,8 +82,13 @@
 
 	onMount(() => {
 		function handleLoadSocialMediaImageChange() {
-			loadSocialMediaImage =
-				plugin.settings.views.grid.loadSocialMediaImage;
+			const newValue = plugin.settings.views.grid.loadSocialMediaImage;
+			loadSocialMediaImage = newValue;
+			if (newValue) {
+				loadSocialImage(imageUrl);
+			} else {
+				clearSocialImage(imageUrl);
+			}
 		}
 
 		EventManager.getInstance().on(
@@ -186,11 +203,6 @@
 		handleCardMouseOver(e);
 	}
 
-	//This is needed so that the property doesn't get removed
-	$: imageUrl !== null, (imgSrc = imageUrl);
-	$: loadSocialMediaImage && loadSocialImage(imageUrl);
-	$: !loadSocialMediaImage && clearSocialImage(imageUrl);
-
 	$: hasBodyContent =
 		tags != null || custom1 != null || custom2 != null || custom3 != null;
 </script>
diff --git a/test-vault/.obsidian/plugins/vault-explorer/data.json b/test-vault/.obsidian/plugins/vault-explorer/data.json
index 77f94fe..85c81c2 100644
--- a/test-vault/.obsidian/plugins/vault-explorer/data.json
+++ b/test-vault/.obsidian/plugins/vault-explorer/data.json
@@ -85,6 +85,6 @@
     "feed"
   ],
   "configDir": ".vaultexplorer",
-  "pluginVersion": "1.30.2",
+  "pluginVersion": "1.30.4",
   "logLevel": "trace"
 }
\ No newline at end of file
diff --git a/test-vault/Url with no social media image.md b/test-vault/Url with no social media image.md
new file mode 100644
index 0000000..5af4150
--- /dev/null
+++ b/test-vault/Url with no social media image.md	
@@ -0,0 +1,3 @@
+---
+url: https://x.com/decaf_dev
+---
diff --git a/versions.json b/versions.json
index 135dfd5..f809f42 100644
--- a/versions.json
+++ b/versions.json
@@ -107,5 +107,6 @@
 	"1.30.0": "1.4.13",
 	"1.30.1": "1.4.13",
 	"1.30.2": "1.4.13",
-	"1.30.3": "1.4.13"
+	"1.30.3": "1.4.13",
+	"1.30.4": "1.4.13"
 }