diff --git a/landingPages/annotation/annotation.component.ts b/landingPages/annotation/annotation.component.ts
index ef8c72fa..54984989 100644
--- a/landingPages/annotation/annotation.component.ts
+++ b/landingPages/annotation/annotation.component.ts
@@ -51,8 +51,8 @@ import {EnvProperties} from "../../utils/properties/env-properties";
         <button class="uk-button uk-button-default" (click)="visibleAnnotations = (visibleAnnotations + annotationSize)">Load More</button>
       </div>
     </div>
-    <div [class.uk-hidden]="!visible"  class="widget">
-      <div class="widget-container">
+    <div [class.uk-hidden]="!visible">
+      <div class="widget-container" cdkDrag>
         <!--Close button, should be bound to hide the widget-->
         <button type="button" class="close" aria-label="Close" (click)="toggleAnnotation($event)">
           <span aria-hidden="true">×</span>
diff --git a/landingPages/annotation/annotation.css b/landingPages/annotation/annotation.css
index d99e168f..2f551ca3 100644
--- a/landingPages/annotation/annotation.css
+++ b/landingPages/annotation/annotation.css
@@ -1,28 +1,26 @@
-.widget {
-    position: fixed;
-    z-index: 10000;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-}
-
 .widget-container {
     position: absolute;
     left: 50%;
     top: 50%;
-    transform: translate(-50%, -50%);
-    /*right: 30px;
-    top:40%;*/
     z-index: 10001;
     padding: 19px;
-    margin-bottom: 20px;
-    box-shadow: black 0 0 32px;
+    margin-left: -167px;
+    margin-top: -311px;
+    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0 2px 2px 0 rgba(0, 0, 0, 0.14),
+    0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border: 1px solid #e3e3e3;
     border-radius: 4px;
     outline: 0;
     min-height: 20px;
     background-color: #f5f5f5;
+    cursor: move;
+}
+
+.widget-container:hover, .widget-container:active{
+    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 
 .close {
diff --git a/landingPages/annotation/annotation.module.ts b/landingPages/annotation/annotation.module.ts
index 6ae707c5..d23b5cad 100644
--- a/landingPages/annotation/annotation.module.ts
+++ b/landingPages/annotation/annotation.module.ts
@@ -1,9 +1,10 @@
 import {NgModule} from "@angular/core";
 import {AnnotationComponent} from "./annotation.component";
 import {CommonModule} from "@angular/common";
+import {DragDropModule} from "@angular/cdk/drag-drop";
 
 @NgModule({
-    imports: [CommonModule],
+    imports: [CommonModule, DragDropModule],
     declarations: [AnnotationComponent],
     exports: [AnnotationComponent]
 })