diff --git a/examples/menubar/css/menubar-editor.css b/examples/menubar/css/menubar-editor.css
index b119cbc6f6..dd3662832e 100644
--- a/examples/menubar/css/menubar-editor.css
+++ b/examples/menubar/css/menubar-editor.css
@@ -80,14 +80,7 @@
 
 .menubar-editor [role="menubar"] [role="separator"] {
   padding-top: 3px;
-  background-image: linear-gradient(
-    transparent 0%,
-    transparent 50%,
-    black 50%,
-    black 60%,
-    transparent 60%,
-    transparent 100%
-  );
+  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cline x1='0' y1='6' x2='12' y2='6' style='stroke:black;stroke-width:1' /%3E%3C/svg%3E%0A");
   background-size: 10px 10px;
   background-position: center;
   background-repeat: repeat-x;
diff --git a/examples/menubar/css/menubar-navigation.css b/examples/menubar/css/menubar-navigation.css
index e4fc5ed330..99c8723e7b 100644
--- a/examples/menubar/css/menubar-navigation.css
+++ b/examples/menubar/css/menubar-navigation.css
@@ -78,14 +78,7 @@
 
 .menubar-navigation [role="separator"] {
   padding-top: 3px;
-  background-image: linear-gradient(
-    transparent 0%,
-    transparent 50%,
-    black 50%,
-    black 60%,
-    transparent 60%,
-    transparent 100%
-  );
+  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cline x1='0' y1='6' x2='12' y2='6' style='stroke:black;stroke-width:1' /%3E%3C/svg%3E%0A");
   background-size: 10px 10px;
   background-position: center;
   background-repeat: repeat-x;