Add scrollbar when shared files overlap their container

app/stylus/components/FileSharing.styl

@@ -1,4 +1,8 @@
 [data-component='FileSharing'] {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	
 	> .sharing-toolbar {
 		> .share-file {
 			cursor: pointer;
@@ -16,6 +20,9 @@
 	}
 
 	> .shared-files {
+		flex-grow: 1;
+		overflow-y: scroll;
+
 		> .file-entry {
 			background-color: rgba(0,0,0,0.1);
 			border-radius: 5px;
@@ -24,6 +31,10 @@
 			display: flex;
 			margin-top: 0.5rem;
 			
+			&:last-child {
+				margin-bottom: 1.5rem;
+			}
+
 			> .file-avatar {
 				height: 2rem;
 				border-radius: 50%;

server/package-lock.json

@@ -2888,14 +2888,12 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -2915,8 +2913,7 @@
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "console-control-strings": {
           "version": "1.1.0",
@@ -3064,7 +3061,6 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }