diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index 27f64292e..a9822cbbb 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1075,6 +1075,44 @@ body .calendar-dropdown-widget .calendar-body a:hover {
     padding-top: 12px;
 }
 
+/*
+ * Jump to note
+ */
+
+.jump-to-note-dialog .modal-dialog {
+    --modal-background-color: var(--menu-background-color);
+    --bs-modal-header-border-width: 0;
+    --bs-modal-footer-border-width: 0;
+    --bs-modal-footer-gap: 0;
+
+    backdrop-filter: var(--dropdown-backdrop-filter);
+}
+
+.jump-to-note-dialog .modal-content {
+    box-shadow: 0 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
+    border: 1px solid var(--dropdown-border-color);
+    padding: 20px;
+    border-radius: 8px;
+}
+
+/* The search input group */
+.jump-to-note-dialog .input-group {
+    margin-right: 20px;
+}
+
+/* List item */
+.jump-to-note-dialog  .aa-suggestions div {
+    border-radius: 6px;
+    padding: 4px 12px;
+    color: var(--menu-text-color);
+}
+
+/* Selected list item */
+.jump-to-note-dialog  .aa-suggestions div.aa-cursor {
+    background: var(--hover-item-background-color);
+    color: var(--hover-item-text-color);
+}
+
 /*
  * Recent changes list
  */