diff --git a/browser/css/cool.css b/browser/css/cool.css
index 5778e46ad..e55ab99b1 100644
--- a/browser/css/cool.css
+++ b/browser/css/cool.css
@@ -867,8 +867,6 @@ nav.spreadsheet-color-indicator ~ #sidebar-dock-wrapper {
 
 .hyperlink-popup .leaflet-popup-content {
 	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
 	margin: 6px 8px;
 	font-size: 14px;
 	line-height: 1;
@@ -878,6 +876,9 @@ nav.spreadsheet-color-indicator ~ #sidebar-dock-wrapper {
 	padding: 6px 0;
 	display: inline-block;
 	line-height: 1;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 188px;
 }
 
 .hyperlink-popup-btn {
diff --git a/browser/src/layer/tile/CanvasTileLayer.js b/browser/src/layer/tile/CanvasTileLayer.js
index 6284fdefe..4c92c45a6 100644
--- a/browser/src/layer/tile/CanvasTileLayer.js
+++ b/browser/src/layer/tile/CanvasTileLayer.js
@@ -2444,8 +2444,6 @@ L.CanvasTileLayer = L.Layer.extend({
 				.setContent(linkOuterHtml)
 				.setLatLng(position)
 				.openOn(this._map);
-			document.getElementById('hyperlink-pop-up').style.maxWidth = '150px';
-			document.getElementById('hyperlink-pop-up').style.overflow = 'hidden';
 			var offsetDiffTop = $('.hyperlink-popup').offset().top - $('#map').offset().top;
 			var offsetDiffLeft = $('.hyperlink-popup').offset().left - $('#map').offset().left;
 			if (offsetDiffTop < 10) this._movePopUpBelow();