diff --git a/apps/client/src/widgets/ribbon/SimilarNotesTab.css b/apps/client/src/widgets/ribbon/SimilarNotesTab.css
new file mode 100644
index 0000000000..560f2da0ce
--- /dev/null
+++ b/apps/client/src/widgets/ribbon/SimilarNotesTab.css
@@ -0,0 +1,4 @@
+.similar-notes-widget > .similar-notes-wrapper {
+    /* The font size of the links with the highest similarity score */
+    font-size: 17px;
+}
\ No newline at end of file
diff --git a/apps/client/src/widgets/ribbon/SimilarNotesTab.tsx b/apps/client/src/widgets/ribbon/SimilarNotesTab.tsx
index ffac9ae7ae..809db0e55a 100644
--- a/apps/client/src/widgets/ribbon/SimilarNotesTab.tsx
+++ b/apps/client/src/widgets/ribbon/SimilarNotesTab.tsx
@@ -1,3 +1,5 @@
+import "./SimilarNotesTab.css";
+
 import { SimilarNoteResponse } from "@triliumnext/commons";
 import { useEffect, useState } from "preact/hooks";
 
@@ -33,7 +35,7 @@ export default function SimilarNotesTab({ note }: Pick<TabContext, "note">) {
                                 notePath={notePath}
                                 noTnLink
                                 style={{
-                                    "font-size": (20 * (1 - 1 / (1 + score))) + "px"
+                                    "font-size": (1 - 1 / (1 + score)) + "em"
                                 }}
                             />
                         ))}