diff --git a/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.html b/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.html
index 31e4584..e3ecb13 100644
--- a/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.html
+++ b/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.html
@@ -17,10 +17,11 @@
 
   </mat-drawer-content>
 
-  <mat-drawer class="drawer-side" *ngIf="!position.isFolder"
-              position="end" mode="over"
+  <mat-drawer class="drawer-side" #drawer *ngIf="!position.isFolder"
+              position="end" mode="side"
               [opened]="!position.isFolder"
               (closed)="onNodeClicked(position.parent)">
+              <mat-icon class="close" (click)="drawer.close()"><i class="fas fa-times"></i></mat-icon>
     <!-- Current File -->
     <ngfire-file-details-pane [file]="position"
                               (nodeClicked)="onNodeClicked($event)">
diff --git a/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.scss b/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.scss
index 307d53b..8575e75 100644
--- a/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.scss
+++ b/ngfire/files/src/lib/file-manager/components/file-manager-pane/file-manager-pane.component.scss
@@ -10,3 +10,10 @@
 ngfire-file-manager-item {
   margin-bottom: 25px;
 }
+
+.close{
+  font-size: 20px;
+  padding: 10px;
+  cursor: pointer;
+}
+