diff --git a/frontend/src/components/c-segment.vue b/frontend/src/components/c-segment.vue
index 8474b5d3db..ef390a541c 100644
--- a/frontend/src/components/c-segment.vue
+++ b/frontend/src/components/c-segment.vue
@@ -71,6 +71,7 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 @import '../styles/hightlight-js-style.css';
+@import '../styles/_colors.scss';
 
 .segment {
   border-left: .25rem solid mui-color('green');