diff --git a/src/components/topbar/WorkflowTab.vue b/src/components/topbar/WorkflowTab.vue
index 3dd6b8020..da52f27e7 100644
--- a/src/components/topbar/WorkflowTab.vue
+++ b/src/components/topbar/WorkflowTab.vue
@@ -9,7 +9,7 @@
   >
     <i
       v-if="workflowOption.workflow.activeState?.extra?.linearMode"
-      class="icon-[lucide--panels-top-left] bg-azure-600"
+      class="icon-[lucide--panels-top-left] bg-primary-background"
     />
     <span class="workflow-label inline-block max-w-[150px] truncate text-sm">
       {{ workflowOption.workflow.filename }}
diff --git a/src/components/ui/Popover.vue b/src/components/ui/Popover.vue
index 7580b4935..ae8aad745 100644
--- a/src/components/ui/Popover.vue
+++ b/src/components/ui/Popover.vue
@@ -10,6 +10,10 @@ import {
 import Button from '@/components/ui/button/Button.vue'
 import { cn } from '@/utils/tailwindUtil'
 
+defineOptions({
+  inheritAttrs: false
+})
+
 defineProps<{
   entries?: { label: string; action?: () => void; icon?: string }[][]
   icon?: string
@@ -30,6 +34,7 @@ defineProps<{
         side="bottom"
         :side-offset="5"
         :collision-padding="10"
+        v-bind="$attrs"
         class="rounded-lg p-2 bg-base-background shadow-sm border border-border-subtle will-change-[transform,opacity] data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade"
       >
         <slot>
diff --git a/src/components/ui/ZoomPane.vue b/src/components/ui/ZoomPane.vue
index bfb2321de..1210315ed 100644
--- a/src/components/ui/ZoomPane.vue
+++ b/src/components/ui/ZoomPane.vue
@@ -29,6 +29,7 @@ function handleWheel(e: WheelEvent) {
   panY.value = panY.value * scaler - offsetY * (scaler - 1)
   panX.value = panX.value * scaler - offsetX * (scaler - 1)
 }
+
 let dragging = false
 function handleDown(e: PointerEvent) {
   const zoomPaneEl = zoomPane.value