diff --git a/src/app/components/topology-summary/topology-summary.component.html b/src/app/components/topology-summary/topology-summary.component.html
index dbc7d947..318fe499 100644
--- a/src/app/components/topology-summary/topology-summary.component.html
+++ b/src/app/components/topology-summary/topology-summary.component.html
@@ -3,7 +3,7 @@
     (document:mousemove)="dragWidget($event)"
     (document:mouseup)="toggleDragging(false)">
 </div>
-<div 
+<div
     class="summaryWrapper" 
     (mousedown)="toggleDragging(true)"
     *ngIf="projectsStatistics" 
diff --git a/src/app/components/topology-summary/topology-summary.component.ts b/src/app/components/topology-summary/topology-summary.component.ts
index 0d795c5b..07f0ed0c 100644
--- a/src/app/components/topology-summary/topology-summary.component.ts
+++ b/src/app/components/topology-summary/topology-summary.component.ts
@@ -67,7 +67,7 @@ export class TopologySummaryComponent implements OnInit, OnDestroy {
             this.computes = computes;
         });
 
-        this.style = { top: '20px', right: '20px'};
+        this.style = { top: '20px', right: '20px', width: '300px', height: '400px'};
     }
 
     toggleDragging(value: boolean) {
@@ -78,21 +78,28 @@ export class TopologySummaryComponent implements OnInit, OnDestroy {
         let x: number = Number(event.movementX);
         let y: number = Number(event.movementY);
 
-        let left: number = Number(this.style['left'].split('px')[0]);
-        let top: number = Number(this.style['top'].split('px')[0]);
         let width: number = Number(this.style['width'].split('px')[0]);
         let height: number = Number(this.style['height'].split('px')[0]);
-
-        top = top + y;
-        left = left + x;
-
-        this.style = {
-            position: 'fixed',
-            left: `${left}px`,
-            top: `${top}px`,
-            width: `${width}px`,
-            height: `${height}px`
-        };
+        let top: number = Number(this.style['top'].split('px')[0]) + y;
+        if (this.style['left']) {
+            let left: number = Number(this.style['left'].split('px')[0]) + x;
+            this.style = {
+                position: 'fixed',
+                left: `${left}px`,
+                top: `${top}px`,
+                width: `${width}px`,
+                height: `${height}px`
+            };
+        } else {
+            let right: number = Number(this.style['right'].split('px')[0]) - x;
+            this.style = {
+                position: 'fixed',
+                right: `${right}px`,
+                top: `${top}px`,
+                width: `${width}px`,
+                height: `${height}px`
+            };
+        }
     }
 
     validate(event: ResizeEvent): boolean {