diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index 4802c0d..978a6e7 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -131,7 +131,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
 
         $rootScope.CloseAnnotationTool = function () {
             console.log('close');
-            //7904
+            $('.btnCursor').removeClass('activebtncolor');
             $("#annotationButton").removeClass("active");
             $("#annotationToolBarOptions").removeClass("active");
 
@@ -367,7 +367,12 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
             document.getElementById('modelbackground').style.display = "block";
             //$("#editshapestyle").modal('show');
             document.getElementById('modeleditstyle').style.display = "block";
-
+            if ($('#modeleditstyle').css("display") == "block") { //Check if the modal is already showing
+                var previewOpacity = $('#imgOpacity').css("opacity");
+                $('#slider-range-min-4 div.ui-slider-range-min').css("width", (previewOpacity*100) + "%");
+                $('#slider-range-min-4 span.ui-slider-handle').css("left", (previewOpacity * 100) + "%");
+               
+            };
         }
 
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index d9e1adf..b91ba7f 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -13,6 +13,7 @@
 
 
 
+
     <link href="themes/default/css/bootstrap/3.3.6/main.css" rel="stylesheet" />
 
     <link href="themes/default/css/bootstrap/3.3.6/secondeffect.css" rel="stylesheet" />
@@ -421,7 +422,7 @@
     </div>
 
     <!--Annotation Modal-->
-    <div class="annotationTollbar" style="position:fixed;top:80px;right:20px;display:none;z-index:1200000;">
+    <div class="annotationTollbar" style="width: 300px;position: fixed; top: 80px; right: 20px; display: none; z-index: 1200000;">
         <div class="annotationbar">
             <div class="modal-content">
                 <div class="modal-header annotation-modal-header">
@@ -1340,8 +1341,7 @@
 
         });
     </script>
-
-
+   
     <script>
         $(function () {
             $("#slider-range-min-3").slider({
@@ -1373,7 +1373,7 @@
                max: 1,
                step: .1,
                slide: function (event, ui) {
-
+                   
                    $(".marginTopBtm10 img.imgopacity").css("opacity", ui.value);
                    //  $("#slider-value").html(ui.value);