diff --git a/.changeset/grumpy-crews-sneeze.md b/.changeset/grumpy-crews-sneeze.md
new file mode 100644
index 000000000..568083464
--- /dev/null
+++ b/.changeset/grumpy-crews-sneeze.md
@@ -0,0 +1,6 @@
+---
+'@myst-theme/frontmatter': patch
+'@myst-theme/site': patch
+---
+
+Improve the downloads
diff --git a/packages/frontmatter/src/downloads.tsx b/packages/frontmatter/src/downloads.tsx
index e04f75176..466d33243 100644
--- a/packages/frontmatter/src/downloads.tsx
+++ b/packages/frontmatter/src/downloads.tsx
@@ -62,6 +62,8 @@ export async function triggerBlobDownload(blob: Blob, filename: string) {
return true;
}
+const ICON_CLASS = 'self-center flex-none inline-block mr-3';
+
export function Download({
url,
filename,
@@ -79,30 +81,25 @@ export function Download({
}) {
if (!filename) {
const icon = internal ? (
-
+
) : (
);
return (
Visit URL {title ?? ''}
{icon}
- {title ?? url}
+ {title ?? url}
);
}
@@ -114,17 +111,17 @@ export function Download({
[url, filename],
);
return (
-
+
Download{format ? ` as ${format}` : ''} {title ?? ''}
- {title ?? filename}
+ {title ?? filename}
);
}
@@ -133,16 +130,11 @@ export function DownloadsDropdown({ exports }: HasExports) {
if (!exports || exports.length === 0) return null;
return (