diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 0b9b300a7..fb895f8e2 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -194,9 +194,9 @@
    --calendar-day-hover-background: var(--active-item-background-color);
    --calendar-day-highlight-background: #80808024;
 
-   --tooltip-border-color: transparent;
-   --tooltip-background-color: rgba(255, 255, 255, 0.8);
-   --tooltip-foreground-color: #fff;
+   --tooltip-background-color: rgba(255, 255, 255, 0.85);
+   --tooltip-foreground-color: #000000ba;
+   --tooltip-shadow-color: rgba(0, 0, 0, .15);
 }
 
 /* 
@@ -332,8 +332,9 @@
         --calendar-day-hover-background: var(--active-item-background-color);
         --calendar-day-highlight-background: #8080805a;
 
-        --tooltip-background: rgba(0, 0, 0, 0.9);
-        --tooltip-foreground: #fff;
+        --tooltip-background-color: rgba(67, 67, 67, 0.86);
+        --tooltip-foreground-color: #ffffffeb;
+        --tooltip-shadow-color: rgba(0, 0, 0, 0.4);
     }
     
     body ::-webkit-calendar-picker-indicator {
@@ -496,13 +497,14 @@
     display: none;
 }
 
-.tooltip-inner {
-    padding: 5px 10px !important;
-    border-radius: 8px;
-    border: 1px solid var(--tooltip-border-color) !important;
+.tooltip .tooltip-inner {
+    padding: 6px 10px !important;
+    box-shadow: -1px -1px 2px var(--tooltip-shadow-color),
+                2px 2px 8px var(--tooltip-shadow-color) !important;
+    border: unset !important;
+    border-radius: 6px;
+    backdrop-filter: blur(5px);
     color: var(--tooltip-foreground-color) !important;
-    line-height: 1.25;
-    box-shadow: none !important;
 }
 
  /*