diff --git a/stylesheets/components/CallingAudioIndicator.scss b/stylesheets/components/CallingAudioIndicator.scss
index c6adb8044..ea6e54fcb 100644
--- a/stylesheets/components/CallingAudioIndicator.scss
+++ b/stylesheets/components/CallingAudioIndicator.scss
@@ -18,11 +18,15 @@
   }
 
   &__content {
-    $size: 14px;
+    $size: 16px;
     width: $size;
     height: $size;
 
     &--muted {
+      $size: 14px;
+      width: $size;
+      height: $size;
+
       @include color-svg(
         '../images/icons/v2/mic-off-solid-28.svg',
         $color-white
diff --git a/ts/components/CallingAudioIndicator.tsx b/ts/components/CallingAudioIndicator.tsx
index a35d05507..179c0fe53 100644
--- a/ts/components/CallingAudioIndicator.tsx
+++ b/ts/components/CallingAudioIndicator.tsx
@@ -20,11 +20,11 @@ const SIDE_SCALE_FACTOR = 0.75;
 const MAX_CENTRAL_BAR_DELTA = 9;
 
 /* Should match css */
-const CONTENT_WIDTH = 14;
-const CONTENT_HEIGHT = 14;
+const CONTENT_WIDTH = 16;
+const CONTENT_HEIGHT = 16;
 const BAR_WIDTH = 2;
 
-const CONTENT_PADDING = 1;
+const CONTENT_PADDING = 2;
 
 enum BarPosition {
   Left,
@@ -37,7 +37,7 @@ function generateBarPath(position: BarPosition, audioLevel: number): string {
   if (position === BarPosition.Left) {
     x = CONTENT_PADDING;
   } else if (position === BarPosition.Center) {
-    x = CONTENT_WIDTH / 2 - CONTENT_PADDING;
+    x = CONTENT_WIDTH / 2 - CONTENT_PADDING + BAR_WIDTH / 2;
   } else if (position === BarPosition.Right) {
     x = CONTENT_WIDTH - CONTENT_PADDING - BAR_WIDTH;
   } else {