diff --git a/projects/common/src/fm/components/side-panel/side-panel.component.scss b/projects/common/src/fm/components/side-panel/side-panel.component.scss
index 2222f65..0b86f81 100644
--- a/projects/common/src/fm/components/side-panel/side-panel.component.scss
+++ b/projects/common/src/fm/components/side-panel/side-panel.component.scss
@@ -4,7 +4,7 @@
   width: 100%;
   left: 0px;
   top:50%;
-  transition: left 0.3s, top 0.3s;
+  transition: left 0.2s, top 0.2s;
   background-color: white;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
 }
@@ -26,7 +26,7 @@
 }
 
 .arrow i {
-  transition: transform 0.3s;
+  transition: transform 0.2s;
 }
 
 .collapsed .arrow i {
@@ -101,7 +101,7 @@ div.resizegrip > span {
 
 .side-panel.left {
   top:0px;
-  width: 22rem;
+  width: 80%;
   height:100%;
   left:0px;
 }
@@ -110,4 +110,10 @@ div.resizegrip > span {
   width: 22rem;
   left:-24rem;
   height:100%;
-}  
\ No newline at end of file
+}  
+
+@media screen and (min-width:44rem) {
+  .side-panel.left {
+    width:22rem;
+  }
+}
\ No newline at end of file