diff --git a/styles/src/component/indicator.ts b/styles/src/component/indicator.ts
index 3a078fb53fea1fc4186d94119b4a344e55e8280f..81a3b40da7b3115dc28aad472501e1347cdc6e0f 100644
--- a/styles/src/component/indicator.ts
+++ b/styles/src/component/indicator.ts
@@ -1,9 +1,9 @@
-import { background } from "../style_tree/components"
+import { foreground } from "../style_tree/components"
 import { Layer, StyleSets } from "../theme"
 
 export const indicator = ({ layer, color }: { layer: Layer, color: StyleSets }) => ({
     corner_radius: 4,
     padding: 4,
     margin: { top: 12, left: 12 },
-    background: background(layer, color),
+    background: foreground(layer, color),
 })
diff --git a/styles/src/style_tree/collab_panel.ts b/styles/src/style_tree/collab_panel.ts
index 2d8c0508381407104b42526bb4659ac678769b2c..7f0fd5f4235943bd2356d5c3b717d7c284a7789c 100644
--- a/styles/src/style_tree/collab_panel.ts
+++ b/styles/src/style_tree/collab_panel.ts
@@ -8,7 +8,6 @@ import {
 import { interactive, toggleable } from "../element"
 import { useTheme } from "../theme"
 import collab_modals from "./collab_modals"
-import { text_button } from "../component/text_button"
 import { icon_button, toggleable_icon_button } from "../component/icon_button"
 import { indicator } from "../component/indicator"