diff --git a/src/components/structures/CallEventGrouper.ts b/src/components/structures/CallEventGrouper.ts
index 41e67f580d..ab89e48ec6 100644
--- a/src/components/structures/CallEventGrouper.ts
+++ b/src/components/structures/CallEventGrouper.ts
@@ -35,15 +35,15 @@ export default class CallEventGrouper extends EventEmitter {
     call: MatrixCall;
     state: CallEventGrouperState;
 
-    public answerCall() {
+    public answerCall = () => {
         this.call?.answer();
     }
 
-    public rejectCall() {
+    public rejectCall = () => {
         this.call?.reject();
     }
 
-    public callBack() {
+    public callBack = () => {
 
     }
 
diff --git a/src/components/views/messages/CallEvent.tsx b/src/components/views/messages/CallEvent.tsx
index 88b1498272..0806934420 100644
--- a/src/components/views/messages/CallEvent.tsx
+++ b/src/components/views/messages/CallEvent.tsx
@@ -57,6 +57,25 @@ export default class CallEvent extends React.Component<IProps, IState> {
         const sender = event.sender ? event.sender.name : event.getSender();
 
         let content;
+        if (this.state.callState === CallEventGrouperState.Incoming) {
+            content = (
+                <div className="mx_CallEvent_content">
+                    <FormButton
+                        className={"mx_IncomingCallBox_decline"}
+                        onClick={this.props.callEventGrouper.rejectCall}
+                        kind="danger"
+                        label={_t("Decline")}
+                    />
+                    <div className="mx_IncomingCallBox_spacer" />
+                    <FormButton
+                        className={"mx_IncomingCallBox_accept"}
+                        onClick={this.props.callEventGrouper.answerCall}
+                        kind="primary"
+                        label={_t("Accept")}
+                    />
+                </div>
+            );
+        }
 
         return (
             <div className="mx_CallEvent">