diff --git a/css/50_misc.css b/css/50_misc.css
index b827f3f09..67492596d 100644
--- a/css/50_misc.css
+++ b/css/50_misc.css
@@ -210,6 +210,11 @@ path.line.stroke.tag-man_made-breakwater {
     stroke-linecap: butt;
     stroke-dasharray: 8, 2, 2, 2;
 }
+.preset-icon-line path.line.stroke.tag-barrier,
+.preset-icon-line path.line.stroke.tag-man_made-groyne,
+.preset-icon-line path.line.stroke.tag-man_made-breakwater {
+    stroke-dasharray: 1, 4, 6, 4;
+}
 
 
 /* bridges */
diff --git a/modules/ui/preset_icon.js b/modules/ui/preset_icon.js
index e2134cbde..505fcebe8 100644
--- a/modules/ui/preset_icon.js
+++ b/modules/ui/preset_icon.js
@@ -64,7 +64,7 @@ export function uiPresetIcon() {
             .remove();
 
         // draw the line parametrically
-        var w = 60, h = 60, y = 43, l = 38, r = 3;
+        var w = 60, h = 60, y = 43, l = 36, r = 2.5;
         var x1 = (w - l)/2, x2 = x1 + l;
 
         var lineEnter = line.enter()
@@ -82,12 +82,12 @@ export function uiPresetIcon() {
             .attr('class', 'line stroke');
         lineEnter.append('circle')
             .attr('class', 'vertex')
-            .attr('cx', x1)
+            .attr('cx', x1 - 1)
             .attr('cy', y)
             .attr('r', r);
         lineEnter.append('circle')
             .attr('class', 'vertex')
-            .attr('cx', x2)
+            .attr('cx', x2 + 1)
             .attr('cy', y)
             .attr('r', r);