diff --git a/src/AppBar.module.css b/src/AppBar.module.css
index 805b7802..d8954759 100644
--- a/src/AppBar.module.css
+++ b/src/AppBar.module.css
@@ -11,8 +11,8 @@
   z-index: var(--call-view-header-footer-layer);
 }
 
-.bar svg {
-  color: var(--cpd-color-icon-primary);
+.bar svg path {
+  fill: var(--cpd-color-icon-primary);
 }
 
 .bar > header > h1 {
diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx
index 21c86f7f..0538a935 100644
--- a/src/room/InCallView.tsx
+++ b/src/room/InCallView.tsx
@@ -458,7 +458,7 @@ export const InCallView: FC<InCallViewProps> = ({
   useAppBarSecondaryButton(
     useMemo(() => {
       if (toggleEarpieceMode === null) return null;
-      const Icon = earpieceMode ? EarpieceIcon : VolumeOnSolidIcon;
+      const Icon = earpieceMode ? VolumeOnSolidIcon : EarpieceIcon;
       return (
         <Tooltip
           label={