diff --git a/src/components/Packet.vue b/src/components/Packet.vue
index 10e4f60..d7fb972 100644
--- a/src/components/Packet.vue
+++ b/src/components/Packet.vue
@@ -53,7 +53,7 @@ export default {
 	}
 	.packet {
 		background: rgba(224, 246, 255, 0.4);
-		box-shadow: 0 0 5px 5px #e1f5fe;
+		box-shadow: 0 0 5px 5px rgba(224, 246, 255, 0.4);
 	}
 	.packet-incoming {
 		background: rgba(251, 233, 231, 0.4);
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 236d22f..aa2d76f 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -91,20 +91,21 @@ export default {
 	.sidebar {
 		display: block !important;
 		flex: 0 0 16.666667%;
-		max-width: 16.666667%;
-		position: fixed;
+		max-width: 20.666667%;
+		position: fixed !important;
 		top: 0;
 		bottom: 0;
 		left: 0;
 		z-index: 100; /* Behind the navbar */
-		padding: 40px 0 0 !important; /* Height of navbar */
+		padding: 40px 0 0 0 !important;
 		box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
+		height: 100%;
 	}
 
 	.sidebar-sticky {
 		position: relative;
 		top: 0;
-		height: calc(100vh - 48px);
+		height: calc(100vh - 40px);
 		/*padding-top: .5rem;*/
 		overflow-x: hidden;
 		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */