diff --git a/toolkit/content/customizeToolbar.js b/toolkit/content/customizeToolbar.js
index 0a5211dff896..fc29e4e46151 100644
--- a/toolkit/content/customizeToolbar.js
+++ b/toolkit/content/customizeToolbar.js
@@ -343,6 +343,7 @@ function buildPalette()
   templateNode = document.createElementNS("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul",
                                           "splitter");
   templateNode.id = "splitter";
+  templateNode.className = "toolbar-splitter";
   wrapPaletteItem(templateNode, currentRow, null);
 
   var rowSlot = 3;
diff --git a/toolkit/content/widgets/toolbar.xml b/toolkit/content/widgets/toolbar.xml
index a618ec395326..6f030c2dc8b9 100644
--- a/toolkit/content/widgets/toolbar.xml
+++ b/toolkit/content/widgets/toolbar.xml
@@ -227,6 +227,7 @@
                                                  "splitter");
               uniqueId = (new Date()).getTime()+this.childNodes.length;
               newItem.id = "splitter" + uniqueId;
+              newItem.className = "toolbar-splitter";
             } else if (this.parentNode.localName == "toolbox") {
               // Attempt to locate an item with a matching id within palette.
               var paletteItem = this.parentNode.palette.firstChild;
diff --git a/toolkit/themes/winstripe/global/splitter.css b/toolkit/themes/winstripe/global/splitter.css
index a21f1b3b2964..3b5b4f2bbd6f 100644
--- a/toolkit/themes/winstripe/global/splitter.css
+++ b/toolkit/themes/winstripe/global/splitter.css
@@ -56,6 +56,13 @@ splitter {
   background-color: ThreeDFace;
 }
 
+.toolbar-splitter {
+  min-width: 3px;
+  margin: 3px 0;
+  border: none;
+  -moz-border-start: 2px dotted ThreeDShadow;
+}
+
 /* ::::: splitter (horizontal) ::::: */
 
 splitter[orient="vertical"] {