diff --git a/platform/commonUI/browse/res/templates/browse.html b/platform/commonUI/browse/res/templates/browse.html
index 69211380c9..3e180b8bac 100644
--- a/platform/commonUI/browse/res/templates/browse.html
+++ b/platform/commonUI/browse/res/templates/browse.html
@@ -24,6 +24,8 @@
     <div class="holder browse-area s-browse-area abs" ng-controller="BrowseController">
         <mct-split-pane class='split-layout vertical contents abs'
                         anchor='left'
+                        minimum="150"
+                        maximum="800"
                         initial="25%">
             <div class='split-pane-component treeview pane'>
                 <mct-representation key="'create-button'" mct-object="navigatedObject">
diff --git a/platform/commonUI/general/src/directives/MCTSplitPane.js b/platform/commonUI/general/src/directives/MCTSplitPane.js
index 9e8dd34e58..808acb84ae 100644
--- a/platform/commonUI/general/src/directives/MCTSplitPane.js
+++ b/platform/commonUI/general/src/directives/MCTSplitPane.js
@@ -79,6 +79,8 @@ define(
          *   edge.
          * * `anchor`: Plain string, one of "left", "right", "top",
          *    or "bottom".
+         * * `maximum`: Maximum pixel width, as a literal numeric value
+         * * `minimum`: Minimum pixel width, as a literal numeric value
          *
          * When used, an `mct-split-pane` element should contain exactly
          * three child elements, where the middle is an `mct-splitter`
@@ -99,6 +101,8 @@ define(
 
             function controller($scope, $element, $attrs) {
                 var anchorKey = $attrs.anchor || DEFAULT_ANCHOR,
+                    maximum = parseInt($attrs.maximum, 10),
+                    minimum = parseInt($attrs.minimum, 10),
                     anchor,
                     styleValue = $attrs.initial,
                     positionParsed = $parse($attrs.position),
@@ -148,11 +152,27 @@ define(
                     updateChildren(children);
                 }
 
+                // Enforce minimum/maximum positions
+                function enforceExtrema() {
+                    // Pick default min/max
+                    var min = isNaN(minimum) ? 0 : minimum,
+                        max = isNaN(maximum) ?
+                                Number.POSITIVE_INFINITY : maximum;
+                    // Disallow a max greater than the element's size
+                    max = Math.min($element[0].offsetWidth, max);
+                    // Finally, restrict position to allowed min/max
+                    position = Math.max(position, min);
+                    position = Math.min(position, max);
+                }
+
                 // Getter-setter for the pixel offset of the splitter,
                 // relative to the current edge.
                 function getSetPosition(value) {
+                    var min, max;
                     if (typeof value === 'number') {
                         position = value;
+                        enforceExtrema();
+
                         // Pass change up so this state can be shared
                         if (positionParsed.assign) {
                             positionParsed.assign($scope, value);