diff --git a/index.html b/index.html
index d3529ff..4cc9d5f 100755
--- a/index.html
+++ b/index.html
@@ -488,7 +488,7 @@
         <script src="vendor/masonry/imagesloaded.pkgd.min.js" type="text/javascript"></script>
 
         <!-- PAGE LEVEL SCRIPTS -->
-        <script src="js/layout.min.js" type="text/javascript"></script>
+        <script src="js/layout.js" type="text/javascript"></script>
         <script src="js/components/progress-bar.min.js" type="text/javascript"></script>
         <script src="js/components/masonry.min.js" type="text/javascript"></script>
         <script src="js/components/wow.min.js" type="text/javascript"></script>
diff --git a/js/layout.js b/js/layout.js
index bff73b0..534fba5 100755
--- a/js/layout.js
+++ b/js/layout.js
@@ -120,7 +120,8 @@ var Layout = function () {
     var handleWorkPopup = function() {
         var overlay = $('.work-popup-overlay'),
             close = $('.work-popup-close'),
-            trigger = $('.work-popup-trigger');
+            trigger = $('.work-popup-trigger'),
+            content = $('.work-popup-content');
 
         trigger.on('click', function() {
             $(this).find('.work-popup-overlay').removeClass('work-popup-overlay-show');
@@ -131,6 +132,11 @@ var Layout = function () {
             e.stopPropagation();
             overlay.removeClass('work-popup-overlay-show');
         });
+
+        overlay.on('click', function(e) {
+            e.stopPropagation();
+            overlay.removeClass('work-popup-overlay-show');
+        });
     }
 
     return {