diff --git a/projects/common/src/lib/components/side-panel/side-panel.component.scss b/projects/common/src/lib/components/side-panel/side-panel.component.scss
index eb14d0e..d1f201b 100644
--- a/projects/common/src/lib/components/side-panel/side-panel.component.scss
+++ b/projects/common/src/lib/components/side-panel/side-panel.component.scss
@@ -45,6 +45,7 @@
   overflow-y:auto;
   position: relative;
   z-index: 1;
+  background-color: rgb(255,255,255);
 }
 
 .resizegrip {
@@ -53,7 +54,14 @@
   display: none;
   text-align: center;
   position: relative;
-  z-index: 2;
+  z-index: 2; 
+}
+div.resizegrip > div {
+  position: absolute;
+  top:0px;
+  height: 1rem;
+  width: 100%;
+  background-color: rgb(255,255,255);
 }
 
 div.resizegrip > span {
diff --git a/projects/common/src/lib/components/side-panel/side-panel.component.ts b/projects/common/src/lib/components/side-panel/side-panel.component.ts
index 65f97eb..b92e1ac 100644
--- a/projects/common/src/lib/components/side-panel/side-panel.component.ts
+++ b/projects/common/src/lib/components/side-panel/side-panel.component.ts
@@ -34,7 +34,7 @@ export class SidePanelComponent  implements OnChanges {
   setTop() {
     this.mobile = this.checkMobile();
     this.resizeTop = this.mobile?50:0;
-    this.top =  (this.collapsed? (this.mobile? 100:0): this.resizeTop) + "%";
+    this.top =  (this.visible?this.resizeTop: (this.mobile? 100:0)) + "%";
   }
 
   ngAfterViewInit() {
@@ -69,7 +69,7 @@ export class SidePanelComponent  implements OnChanges {
       clientY=(event as DragEvent).clientY;
     }
     this.resizeTop =  Math.min(98, Math.max(0, clientY / (this.parentHeight  / 100)));
-    this.top =  (this.collapsed? (this.mobile? 100:0): this.resizeTop) + "%";
+    this.top =  (this.visible? this.resizeTop:(this.mobile? 100:0)) + "%";
   }
 
   ngOnChanges(changes: SimpleChanges) {