diff --git a/app/stylus/components/Peer.styl b/app/stylus/components/Peer.styl
index daa2baa..6b443d3 100644
--- a/app/stylus/components/Peer.styl
+++ b/app/stylus/components/Peer.styl
@@ -60,7 +60,7 @@
 				}
 
 				&.off {
-					background-image: url('/resources/images/icon_mic_white_off.svg');
+					background-image: url('/resources/images/icon_remote_mic_white_off.svg');
 					background-color: rgba(#d42241, 0.7);
 				}
 
@@ -75,7 +75,8 @@
 				}
 
 				&.off {
-					background-image: url('/resources/images/icon_webcam_white_on.svg');
+					background-image: url('/resources/images/icon_remote_webcam_white_off.svg');
+					background-color: rgba(#d42241, 0.7);
 				}
 
 				&.unsupported {
diff --git a/app/stylus/components/PeerView.styl b/app/stylus/components/PeerView.styl
index 1d8f964..75c709f 100644
--- a/app/stylus/components/PeerView.styl
+++ b/app/stylus/components/PeerView.styl
@@ -74,12 +74,12 @@
 
 			+mobile() {
 				&.is-me {
-					padding: 10px;
+					padding: 1vmin;
 					align-items: flex-start;
 				}
 
 				&:not(.is-me) {
-					padding: 10px;
+					padding: 1vmin;
 					align-items: flex-end;
 				}
 			}
@@ -118,15 +118,15 @@
 			}
 
 			> .row {
-				margin-top: 4px;
+				margin-top: 0.4vmin;
 				display: flex;
 				flex-direction: row;
 				justify-content: flex-start;
 				align-items: flex-end;
 
 				> .device-icon {
-					height: 18px;
-					width: 18px;
+					height: 12px;
+					width: 12px;
 					margin-right: 3px;
 					user-select: none;
 					pointer-events: none;