diff --git a/ui/app/src/StreamPage.tsx b/ui/app/src/StreamPage.tsx
index 69e9471..b43973c 100644
--- a/ui/app/src/StreamPage.tsx
+++ b/ui/app/src/StreamPage.tsx
@@ -196,7 +196,9 @@ const StreamPage = () => {
                     </Pane>
                   }
                 >
-                  <Button>{chartType || "Select chart type..."}</Button>
+                  <Button className="custom-popover">
+                    {chartType || "Select chart type..."}
+                  </Button>
                 </Popover>
                 <div className="stream-status-component">
                   <StreamStatus
diff --git a/ui/app/src/tokyoNight.css b/ui/app/src/tokyoNight.css
index ef63f9b..c84d999 100644
--- a/ui/app/src/tokyoNight.css
+++ b/ui/app/src/tokyoNight.css
@@ -128,6 +128,12 @@ body.tokyoNight {
   background-color: var(--aquamarine);
 }
 
+.app.tokyoNight .custom-popover:hover,
+.app.tokyoNight .custom-popover:active,
+.app.tokyoNight .custom-popover:focus {
+  background-color: var(--rose-bonbon) !important;
+}
+
 @keyframes pulsate {
   0% {
     box-shadow: