diff --git a/src/menus/css/menus-core.css b/src/menus/css/menus-core.css
index 0af0f77..9c54f9d 100644
--- a/src/menus/css/menus-core.css
+++ b/src/menus/css/menus-core.css
@@ -110,9 +110,16 @@
 }
 
 /* Adjusting separator for vertical menus */
-.pure-menu-horizontal .pure-menu-separator {
+.pure-menu-horizontal li.pure-menu-separator {
 	height: 20px;
 	width: 1px;
 	margin: 2px 7px;
 }
 
+/* Submenus should be horizontal separator again */
+.pure-menu-horizontal li li.pure-menu-separator {
+	height: 1px;
+	width: auto;
+	margin: 7px 2px;
+}
+
diff --git a/src/menus/tests/manual/menus.html b/src/menus/tests/manual/menus.html
index 155fa8c..eefeadd 100644
--- a/src/menus/tests/manual/menus.html
+++ b/src/menus/tests/manual/menus.html
@@ -113,6 +113,7 @@
                 <li><a href="#">Messenger</a></li>
                 <li><a href="#">Sports</a></li>
                 <li><a href="#">Finance</a></li>
+                <li class="pure-menu-separator"></li>
                 <li>
                     <a href="#">Other</a>
                     <ul>