diff --git a/assets/css/components/calls/window.css b/assets/css/components/calls/window.css
index ad894b4d..1738395a 100644
--- a/assets/css/components/calls/window.css
+++ b/assets/css/components/calls/window.css
@@ -27,6 +27,10 @@
 	visibility: visible;
 }
 
+.call-window.audio-only {
+	min-height: unset;
+}
+
 /* This could be moved to conversation page stylesheet also */
 .call-window.embedded {
 	position: unset;
@@ -36,6 +40,9 @@
 	height: 150px;
 	margin: 10px auto;
 }
+.call-window.embedded.audio-only {
+	height: 90px;
+}
 
 .call-window .head {
 	color: white;
diff --git a/assets/js/components/calls/window.js b/assets/js/components/calls/window.js
index 8f709829..9725375f 100644
--- a/assets/js/components/calls/window.js
+++ b/assets/js/components/calls/window.js
@@ -48,6 +48,9 @@ class CallWindow extends CustomEvents {
 				class: "call-window"
 			})
 
+			if(!this.conv.can_have_video_call)
+				this.rootEl.classList.add("audio-only")
+
 			
 			// Construct head
 			this.windowHead = createElem2({
@@ -475,7 +478,7 @@ class CallWindow extends CustomEvents {
 	async toggleStream(isVideo) {
 
 		if(isVideo && !this.conv.can_have_video_call) {
-			notify("Video calls can not be perfomed on this conversations!", "danger")
+			notify("Video calls can not be done on this conversations!", "danger")
 			return;
 		}