diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index fb895f8e2..c9f50af69 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -1144,6 +1144,31 @@ body .calendar-dropdown-widget .calendar-body a:hover {
     color: var(--calendar-day-hover-color) !important;
 }
 
+/*
+ * Note tooltip
+ */
+
+.note-tooltip-content {
+    padding: 8px;
+ }
+
+.note-tooltip-content .note-title-with-path {
+    display: flex;
+    flex-direction: column-reverse;
+}
+
+.note-tooltip-content .note-path {
+    display: block;
+    color: var(--muted-text-color);
+    font-size: .75em;
+}
+
+.note-tooltip-content .rendered-content {
+    margin-top: -2px;
+    border-top: 2px solid currentColor;
+    padding-top: 12px;
+}
+
 /*
  * TEXT NOTES
  */