diff --git a/app/javascript/src/styles/base/040_colors.css b/app/javascript/src/styles/base/040_colors.css
index 834ebcfac..ca5e5916f 100644
--- a/app/javascript/src/styles/base/040_colors.css
+++ b/app/javascript/src/styles/base/040_colors.css
@@ -90,6 +90,8 @@ html {
 
   --white: #FFFFFF;
   --black: #000000;
+
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 
 html {
@@ -172,7 +174,6 @@ html {
 
   --post-tooltip-background-color: var(--body-background-color);
   --post-tooltip-border-color: var(--grey-2);
-  --post-tooltip-box-shadow-color: rgba(0, 0, 0, 0.15);
   --post-tooltip-header-background-color: var(--blue-0);
   --post-tooltip-info-color: var(--muted-text-color);
 
@@ -253,7 +254,6 @@ html {
 
   --jquery-ui-widget-content-background: var(--body-background-color);
   --jquery-ui-widget-content-text-color: var(--text-color);
-  --jquery-ui-dialog-box-shadow: 0 4px 14px -2px var(--post-tooltip-box-shadow-color);
 
   --notice-error-background: var(--red-1);
   --notice-error-border-color: var(--red-2);
@@ -450,7 +450,6 @@ body[data-current-user-theme="dark"] {
 
   --jquery-ui-widget-content-text-color: var(--text-color);
   --jquery-ui-widget-content-background: var(--grey-8);
-  --jquery-ui-dialog-box-shadow: 0 4 14px -2px var(--grey-1);
 
   --notice-error-background: var(--red-8);
   --notice-error-border-color: var(--red-7);
diff --git a/app/javascript/src/styles/common/autocomplete.scss b/app/javascript/src/styles/common/autocomplete.scss
index 10281ebc1..9da286985 100644
--- a/app/javascript/src/styles/common/autocomplete.scss
+++ b/app/javascript/src/styles/common/autocomplete.scss
@@ -1,6 +1,7 @@
 .ui-autocomplete.ui-widget {
   font-size: var(--text-sm);
   border: 1px solid var(--autocomplete-border-color);
+  box-shadow: var(--shadow-lg);
 
   div.ui-menu-item-wrapper {
     padding: 0.25em 0.4em;
diff --git a/app/javascript/src/styles/common/jquery_ui_custom.scss b/app/javascript/src/styles/common/jquery_ui_custom.scss
index 751361603..a563e595d 100644
--- a/app/javascript/src/styles/common/jquery_ui_custom.scss
+++ b/app/javascript/src/styles/common/jquery_ui_custom.scss
@@ -24,7 +24,7 @@ div.ui-dialog {
   overflow: visible;
   font-size: 1em;
   z-index: 999 !important;
-  box-shadow: var(--jquery-ui-dialog-box-shadow);
+  box-shadow: var(--shadow-lg);
   padding: 0;
 
   .ui-dialog-titlebar {
diff --git a/app/javascript/src/styles/specific/common_tooltips.scss b/app/javascript/src/styles/specific/common_tooltips.scss
index b15282604..68f8d976d 100644
--- a/app/javascript/src/styles/specific/common_tooltips.scss
+++ b/app/javascript/src/styles/specific/common_tooltips.scss
@@ -9,7 +9,7 @@ div[data-tippy-root].tooltip-loading {
   color: var(--text-color);
   background-color: var(--post-tooltip-background-color);
   background-clip: padding-box;
-  box-shadow: 0 4px 14px -2px var(--post-tooltip-box-shadow-color);
+  box-shadow: var(--shadow-lg);
 
   /* bordered arrow styling; see https://github.com/atomiks/tippyjs/blob/master/src/scss/themes/light-border.scss */
   &[data-placement^=bottom] {
diff --git a/app/javascript/src/styles/specific/notes.scss b/app/javascript/src/styles/specific/notes.scss
index b538ae27a..08f877a3d 100644
--- a/app/javascript/src/styles/specific/notes.scss
+++ b/app/javascript/src/styles/specific/notes.scss
@@ -13,6 +13,7 @@
     border: 1px solid var(--note-body-border-color);
     background: var(--note-body-background);
     color: var(--note-body-text-color);
+    box-shadow: var(--shadow-lg);
     min-width: 140px;
     width: min-content;
     min-height: 1em;
@@ -95,6 +96,7 @@
     height: 100px;
     cursor: move;
     background: var(--note-body-background);
+    box-shadow: var(--shadow-lg);
     line-height: 1.25;
     opacity: 0.5;
     z-index: 100;
@@ -116,6 +118,7 @@
       color: var(--note-body-text-color);
       border: 1px solid transparent;
       opacity: 1;
+      box-shadow: none;
 
       &:hover {
         border: 1px solid var(--note-box-border-color);
@@ -164,6 +167,7 @@ div#note-preview {
   opacity: 0.6;
   display: none;
   background: var(--note-preview-background);
+  box-shadow: var(--shadow-lg);
   z-index: 250;
 }