diff --git a/src/components/RepoCard.svelte b/src/components/RepoCard.svelte
index fd3f3e1ac..9b1d88b82 100644
--- a/src/components/RepoCard.svelte
+++ b/src/components/RepoCard.svelte
@@ -132,6 +132,12 @@
     align-items: center;
     white-space: nowrap;
   }
+
+  .rid {
+    font-family: var(--font-family-monospace);
+    margin-left: auto;
+    color: var(--color-foreground-emphasized);
+  }
 </style>
 
 <Link
@@ -189,10 +195,7 @@
             · Updated {formatTimestamp(commit.committer.time)}
           </span>
         {/await}
-        <span
-          title={repo.rid}
-          style:color="var(--color-foreground-emphasized)"
-          style:margin-left="auto">
+        <span class="rid" title={repo.rid}>
           {formatRepositoryId(repo.rid)}
         </span>
       </div>