diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index 482a4fe..42a87ce 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -338,6 +338,8 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
 
             //   $("#canvas").removeLayer("TextRect_" + $rootScope.resetTextRect).drawLayers();
 
+            //Edit Shape Style popup should open at it's default position
+            $("#modeleditstyle").css({ "left": "0", "right": "0", "margin": "0 auto", "top":"70px"});
 
         }
 
@@ -353,6 +355,9 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", 
 
             document.getElementById('modelbackground').style.display = "none";
             document.getElementById('modeleditstyle').style.display = "none";
+            //Edit Shape Style popup should open at it's default position
+            $("#modeleditstyle").css({"left":"0", "right":"0", "margin":"0 auto", "top":"70px"});
+
 
         }
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index 3531f7f..3e84bc8 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -679,7 +679,7 @@
     <!--Edit Shape Modal-->
 
 
-    <div class="modeleditstyle" id="modeleditstyle" style="z-index: 1000000000; background: white; height: 433px; width: 302px;position:absolute;left:40%;top:70px;">
+    <div class="modeleditstyle" id="modeleditstyle" style="z-index: 1000000000; background: white; height: 433px; width: 302px;position:absolute;left:0;right:0;top:70px;margin: 0 auto;">
         <div class="modal-content">
             <div class="modal-header annotation-modal-header">
                 <h4 class="modal-title" id="myModalLabel33">Edit Shape Style</h4>