diff --git a/index.html b/index.html
index 629e351..66a787a 100644
--- a/index.html
+++ b/index.html
@@ -147,7 +147,7 @@ Through the map, we give shape to a common context in Turkish culture. The map a
 <div id="nothesis">
         <div w3-include-html="thesis.html" id="thesis" class="draggable thesis">
         </div>
-        <!-- <span onclick=closethesis() class="thesisX" >&times</span><span onclick=closethesis() class="thesisX" >&times</span> -->
+        <span onclick=closethesis() class="thesisX" >&times</span><span onclick=closethesis() class="thesisX" >&times</span>
 </div>
   </div>
 
@@ -251,9 +251,9 @@ includeHTML();
      $("#showbio").hide()
     }
 
-    // function closethesis(){
-    //   $("#nothesis").fadeOut()
-    //  }
+    function closethesis(){
+      $("#nothesis").hide()
+     }
 
 
 
diff --git a/static/css/style.css b/static/css/style.css
index e1d5c12..0949731 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -407,7 +407,7 @@ h2 {
 .thesisX {
   position: absolute;
   z-index:5;
-  left: 26%;
+  left: 46%;
   top: 14%;
   float: right;
   cursor: pointer;
@@ -415,6 +415,9 @@ h2 {
   color: black;
 }
 
+#nothesis {
+  display: none;
+}
 
 /* about and colophon */
 #menu {
diff --git a/static/js/d3_map.js b/static/js/d3_map.js
index 89944c4..0f8e103 100644
--- a/static/js/d3_map.js
+++ b/static/js/d3_map.js
@@ -141,11 +141,12 @@ d3.json("/static/js/group1.json", function(error, json) {
   function popup(name, time) {
     $("#show" + name).fadeIn()
     console.log("around")
+    $("#nothesis").fadeIn()
     $("#thesis").fadeIn()
     $("#bio" + name).fadeIn()
    var dada = document.getElementById("text" + name);
    dada.className += " active";
-   dada.scrollIntoView();
+   dada.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });
   };
 
 });