diff --git a/css/SilverStripeNavigator.css b/css/SilverStripeNavigator.css
index 290ecbc1b..f30c1ce97 100755
--- a/css/SilverStripeNavigator.css
+++ b/css/SilverStripeNavigator.css
@@ -85,9 +85,9 @@
 #SilverStripeNavigatorLinkPopup {
 	display: none;
 	position: absolute;
-	top: -50px;
-	height: 40px;
-	width: 280px;
+	top: -60px;
+	height: 50px;
+	width: 350px;
 	left: 200px;
 	background-color: white;
 	border: 1px solid black;
@@ -99,3 +99,13 @@
 #SilverStripeNavigatorLinkPopup input {
 	width: 250px;
 }
+
+#SilverStripeNavigatorLinkPopup a.close {
+	color: blue;
+	text-align: right;
+	width: 80%;
+	border: none !important;
+	cursor: pointer;
+}
+
+
diff --git a/javascript/SilverStripeNavigator.js b/javascript/SilverStripeNavigator.js
index 86cf32afb..a5e303209 100644
--- a/javascript/SilverStripeNavigator.js
+++ b/javascript/SilverStripeNavigator.js
@@ -19,6 +19,13 @@ function windowName(suffix) {
 		}
 	);
 	
+	$('#SilverStripeNavigatorLinkPopup a.close').livequery('click',
+		function() {
+			$('#SilverStripeNavigatorLinkPopup').hide();
+			return false;
+		}
+	);
+	
 	$('#SilverStripeNavigatorLinkPopup input').livequery('focus',
 		function() {
 			this.select();
diff --git a/templates/SilverStripeNavigatorLink.ss b/templates/SilverStripeNavigatorLink.ss
index 63eeacb1d..89a13a613 100644
--- a/templates/SilverStripeNavigatorLink.ss
+++ b/templates/SilverStripeNavigatorLink.ss
@@ -3,6 +3,7 @@
 	<% _t('SilverStripeNavigatorLink.ShareLink','Share link') %>
 </a>
 <div id="SilverStripeNavigatorLinkPopup">
+	<a class="close"><% _t('SilverStripeNavigatorLinkl.CloseLink','Close') %></a>
 	<p>
 		<% _t('SilverStripeNavigatorLink.ShareInstructions','To share a this to this page, copy and paste the link below.') %></p>
 	<input value="$Link" />