diff --git a/modules/backend/assets/css/october.css b/modules/backend/assets/css/october.css
index 3ff481fb4..c9cce185f 100644
--- a/modules/backend/assets/css/october.css
+++ b/modules/backend/assets/css/october.css
@@ -228,6 +228,10 @@
 .control-filelist.hero ul li > div.controls > a.control{width:16px;height:23px;background:transparent;overflow:hidden;display:inline-block;color:#ffffff !important;padding:0}
 .control-filelist.hero ul li > div.controls > a.control:before{font-size:17px}
 .control-filelist.hero ul li:hover > div.controls{display:block}
+.control-filelist.hero ul li.separator{position:relative;border-bottom:1px solid #95a5a6;padding:17px 15px 18px 15px}
+.control-filelist.hero ul li.separator:before{z-index:31;content:'';display:block;width:0;height:0;border-left:9.5px solid transparent;border-right:9.5px solid transparent;border-top:11px solid #ffffff;border-bottom-width:0;position:absolute;left:13px;bottom:-8px}
+.control-filelist.hero ul li.separator:after{z-index:30;content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-top:9px solid #95a5a6;border-bottom-width:0;position:absolute;left:14px;bottom:-9px}
+.control-filelist.hero ul li.separator h5{color:#2b3e50;font-size:15px;margin:0;font-weight:600;padding:0}
 .control-filelist.hero ul > li.group > ul > li > a{padding-left:66px}
 .control-filelist.hero.single-level ul li:hover{background:#58b6f7}
 .control-filelist.hero.single-level ul li:hover > a{background:#58b6f7;border-bottom:1px solid #58b6f7 !important}
diff --git a/modules/backend/assets/less/controls/filelist.less b/modules/backend/assets/less/controls/filelist.less
index c7d103494..824748caa 100644
--- a/modules/backend/assets/less/controls/filelist.less
+++ b/modules/backend/assets/less/controls/filelist.less
@@ -336,6 +336,36 @@
                 &:hover > div.controls {
                     display: block;
                 }
+
+                &.separator {
+                    position: relative;
+                    border-bottom: 1px solid #95a5a6;
+                    padding: 17px 15px 18px 15px;
+
+                    &:before {
+                        z-index: 31;
+                        .triangle(down, 19px, 11px, white);
+                        position: absolute;
+                        left: 13px;
+                        bottom: -8px;
+                    }
+
+                    &:after {
+                        z-index: 30;
+                        .triangle(down, 17px, 9px, #95a5a6);
+                        position: absolute;
+                        left: 14px;
+                        bottom: -9px;
+                    }
+
+                    h5 {
+                        color: #2b3e50;
+                        font-size: 15px;
+                        margin: 0;
+                        font-weight: 600;
+                        padding: 0;
+                    }
+                }
             }
 
             > li.group {
diff --git a/modules/system/assets/ui/less/popover.less b/modules/system/assets/ui/less/popover.less
index 6255301ba..e29b81e51 100644
--- a/modules/system/assets/ui/less/popover.less
+++ b/modules/system/assets/ui/less/popover.less
@@ -237,6 +237,10 @@ div.control-popover {
             background-color: @color-popover-danger-bg;
         }
     }
+
+    div.popover-fixed-height {
+        height: 300px;
+    }
 }
 
 .popover-highlight {
@@ -285,6 +289,11 @@ div.popover-overlay {
                 }
             }
 
+            div.popover-fixed-height {
+                height: 100%;
+                min-height: 100%;
+            }
+
             .popover-head:before {
                 display: none;
             }
diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css
index 6438b7f23..3896030da 100644
--- a/modules/system/assets/ui/storm.css
+++ b/modules/system/assets/ui/storm.css
@@ -1222,6 +1222,7 @@ div.control-popover.popover-danger.placement-top > div:after{content:'';display:
 div.control-popover.popover-danger.placement-left > div:after{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-left:8px solid #ab2a1c}
 div.control-popover.popover-danger.placement-right > div:after{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-right:8px solid #ab2a1c}
 div.control-popover.popover-danger .popover-head{background-color:#ab2a1c}
+div.control-popover div.popover-fixed-height{height:300px}
 .popover-highlight{position:relative;z-index:562 !important}
 .popover-highlight:hover,.popover-highlight:active,.popover-highlight:focus{z-index:562 !important}
 div.popover-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:560}
@@ -1229,6 +1230,7 @@ div.popover-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba
 body.popover-open .control-popover{overflow:auto;overflow-y:scroll;position:fixed;margin:0;padding:10px;width:100% !important;z-index:609;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important}
 body.popover-open .control-popover > div{padding:0;min-height:100%;-webkit-box-shadow:none;box-shadow:none}
 body.popover-open .control-popover > div:before,body.popover-open .control-popover > div:after{display:none}
+body.popover-open .control-popover div.popover-fixed-height{height:100%;min-height:100%}
 body.popover-open .control-popover .popover-head:before{display:none}
 }
 .control-breadcrumb{font-size:12px;text-transform:uppercase;padding:15px 20px;margin:-20px -20px 20px -20px;background-color:#2b343d}