diff --git a/components/SettingsUI/TemplateItem.tsx b/components/SettingsUI/TemplateItem.tsx
index a3f7e74..340caa0 100644
--- a/components/SettingsUI/TemplateItem.tsx
+++ b/components/SettingsUI/TemplateItem.tsx
@@ -100,16 +100,16 @@ export const TemplateItem: React.FC<TemplateItemProps> = ({
 			</SelectableListItem>
 			<div className="template-item-actions">
 				{isCustom && (
-					<button
-						onClick={(e) => {
-							e.stopPropagation();
-							window.open(submissionUrl, "_blank");
-						}}
+					<a
+						href={submissionUrl}
+						target="_blank"
+						rel="noopener noreferrer"
+						onClick={(e) => e.stopPropagation()}
 						title="Submit to Marketplace"
 						className="template-marketplace-btn"
 					>
 						<ObsidianIcon name="share" size={16} />
-					</button>
+					</a>
 				)}
 				{onEdit && (
 					<button
diff --git a/styles/components/template-settings.css b/styles/components/template-settings.css
index 7d9c2a8..6e50499 100644
--- a/styles/components/template-settings.css
+++ b/styles/components/template-settings.css
@@ -141,13 +141,29 @@
 	justify-content: center;
 }
 
-.template-item-actions button:hover {
+.template-item-actions button,
+.template-item-actions a {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: var(--size-4-1);
+	border-radius: var(--radius-s);
+	color: var(--text-muted);
+	background: transparent;
+	border: none;
+	cursor: pointer;
+	transition: all var(--anim-duration-fast) ease;
+	text-decoration: none !important;
+}
+
+.template-item-actions button:hover,
+.template-item-actions a:hover {
 	background: var(--interactive-hover);
 	color: var(--text-normal);
 }
 
 .template-marketplace-btn {
-	color: var(--text-accent);
+	color: var(--text-accent) !important;
 }
 
 /* Template Editor Modal */