diff --git a/frontend/app/components/Assist/components/AssistActions/AassistActions.module.css b/frontend/app/components/Assist/components/AssistActions/AassistActions.module.css
index 77d9b7c81..33ff0b125 100644
--- a/frontend/app/components/Assist/components/AssistActions/AassistActions.module.css
+++ b/frontend/app/components/Assist/components/AssistActions/AassistActions.module.css
@@ -1,8 +1,16 @@
.disabled {
- opacity: 0.5;
pointer-events: none;
}
+.disabled > button {
+ opacity: 0.5;
+}
+
+/* Keep the icon color intact */
+.disabled > button svg {
+ opacity: 1;
+}
+
.divider {
width: 1px;
height: 49px;
diff --git a/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx b/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
index 88317ac79..28043f5b8 100644
--- a/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
+++ b/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
@@ -1,5 +1,6 @@
import React, { useState, useEffect } from 'react';
import { Button } from 'antd';
+import {Headset} from 'lucide-react';
import cn from 'classnames';
import ChatWindow from '../../ChatWindow';
import { CallingState, ConnectionStatus, RemoteControlStatus, RequestLocalStream } from 'Player';
@@ -223,7 +224,7 @@ function AssistActions({
}
type={'text'}
- style={{ height: '28px' }}
+ size='small'
className={annotating ? 'text-red' : 'text-main'}
>
Annotate
@@ -235,10 +236,9 @@ function AssistActions({
{/* @ts-ignore wtf? */}