diff --git a/src/components/ProjectDownload.tsx b/src/components/ProjectDownload.tsx
index c01128d..4b46fdb 100644
--- a/src/components/ProjectDownload.tsx
+++ b/src/components/ProjectDownload.tsx
@@ -105,7 +105,7 @@ export const ProjectDownload: React.FC<ProjectDownloadProps> = ({ projectId, des
                             changes.map((change, i) => {
                                 return (
                                     <li key={i}><b>{
-                                        <a href={`https://github.com/GeyserMC/${platformInfo.project_name}/commit/${change.commit}`}>{change.commit.substring(0, 7)}</a>
+                                        <a className='download-link' href={`https://github.com/GeyserMC/${platformInfo.project_name}/commit/${change.commit}`}>{change.commit.substring(0, 7)}</a>
                                     }</b> · {<LinkedCommitMessage message={change.summary} repo={platformInfo.project_name}/>}</li>
                                 )
                             })
diff --git a/src/css/custom.css b/src/css/custom.css
index 6280344..00b4692 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -224,6 +224,10 @@ html[data-theme='dark'] {
     color: #fff;
 }
 
+.download-link {
+    font-family: var(--ifm-font-family-monospace);
+}
+
 .host-select select {
     font-family: inherit;
     padding: 11px;