diff --git a/app/stylus/components/FullScreenView.styl b/app/stylus/components/FullScreenView.styl
index 1338c5d..83b6e2d 100644
--- a/app/stylus/components/FullScreenView.styl
+++ b/app/stylus/components/FullScreenView.styl
@@ -8,7 +8,7 @@
 
 	> .controls {
 		position: absolute;
-		z-index: 201;
+		z-index: 210;
 		right: 0;
 		top: 0;
 		display: flex;
@@ -53,7 +53,7 @@
 
 	.incompatible-video {
 		position: absolute;
-		z-index: 2
+		z-index: 10;
 		top: 0;
 		bottom: 0;
 		left: 0;
diff --git a/app/stylus/components/FullView.styl b/app/stylus/components/FullView.styl
index 103a491..251a04a 100644
--- a/app/stylus/components/FullView.styl
+++ b/app/stylus/components/FullView.styl
@@ -16,7 +16,7 @@
 		$backgroundTint = #000;
 
 		position: absolute;
-		z-index: 5
+		z-index: 10;
 		top: 0.6vmin;
 		left: 0.6vmin;
 		bottom: 0;
diff --git a/app/stylus/components/Notifications.styl b/app/stylus/components/Notifications.styl
index 329fa64..ed2f48a 100644
--- a/app/stylus/components/Notifications.styl
+++ b/app/stylus/components/Notifications.styl
@@ -1,6 +1,6 @@
 [data-component='Notifications'] {
 	position: absolute;
-	z-index: 9999;
+	z-index: 1010;
 	pointer-events: none;
 	top: 0;
 	right: 65px;
diff --git a/app/stylus/components/Peer.styl b/app/stylus/components/Peer.styl
index 8afedd3..641f96c 100644
--- a/app/stylus/components/Peer.styl
+++ b/app/stylus/components/Peer.styl
@@ -195,7 +195,7 @@
 
 	.incompatible-video {
 		position: absolute;
-		z-index: 2
+		z-index: 10;
 		top: 0;
 		bottom: 0;
 		left: 0;
diff --git a/app/stylus/components/PeerView.styl b/app/stylus/components/PeerView.styl
index 7bfa57f..907c7e2 100644
--- a/app/stylus/components/PeerView.styl
+++ b/app/stylus/components/PeerView.styl
@@ -16,7 +16,7 @@
 		$backgroundTint = #000;
 
 		position: absolute;
-		z-index: 5
+		z-index: 10;
 		top: 0.6vmin;
 		left: 0.6vmin;
 		bottom: 0;
diff --git a/app/stylus/components/Room.styl b/app/stylus/components/Room.styl
index b20060a..a21ca60 100644
--- a/app/stylus/components/Room.styl
+++ b/app/stylus/components/Room.styl
@@ -94,7 +94,7 @@
 		> .room-link-wrapper {
 			pointer-events: none;
 			position: absolute;
-			z-index: 1;
+			z-index: 10;
 			top: 0;
 			left: 0;
 			right: 0;
@@ -141,7 +141,7 @@
 
 		> .me-container {
 			position: fixed;
-			z-index: 100;
+			z-index: 110;
 			overflow: hidden;
 			box-shadow: 0px 5px 12px 2px rgba(#111, 0.5);
 			transition-property: border-color;
@@ -171,9 +171,10 @@
 		top: 0;
 		right: 0;
 		height: 100%;
-		background-color: rgba(0,0,0,0.1);
+		background-color: rgba(50, 50, 50, 0.9);
 		transition: width 0.3s;
-
+		z-index: 1000;
+	
 		&.open {
 			width: 25%;
 		}
@@ -245,7 +246,7 @@
 	position: absolute;
 	top: 100%;
 	width: 100%;
-	z-index: 1000;
+	z-index: 120;
 	-webkit-overflow-scrolling: touch;
 }
 
diff --git a/app/stylus/components/ScreenView.styl b/app/stylus/components/ScreenView.styl
index bee884f..4c4dc66 100644
--- a/app/stylus/components/ScreenView.styl
+++ b/app/stylus/components/ScreenView.styl
@@ -16,7 +16,7 @@
 		$backgroundTint = #000;
 
 		position: absolute;
-		z-index: 5
+		z-index: 10;
 		top: 0.6vmin;
 		left: 0.6vmin;
 		bottom: 0;
diff --git a/app/stylus/components/Sidebar.styl b/app/stylus/components/Sidebar.styl
index e7a7394..b54e788 100644
--- a/app/stylus/components/Sidebar.styl
+++ b/app/stylus/components/Sidebar.styl
@@ -1,6 +1,6 @@
 [data-component='Sidebar'] {
 	position: fixed;
-	z-index: 101;
+	z-index: 1000;
 	top: calc(50% - 60px);
 	height: 120px;
 	display: flex;
diff --git a/app/stylus/components/ToolArea.styl b/app/stylus/components/ToolArea.styl
index 4d46b71..d1aa415 100644
--- a/app/stylus/components/ToolArea.styl
+++ b/app/stylus/components/ToolArea.styl
@@ -1,6 +1,6 @@
 [data-component='ToolAreaButton'] {
 	position: absolute;
-	z-index: 101;
+	z-index: 1000;
 	right: 0;
 	height: 36px;
 	width: 36px;