diff --git a/_layouts/docs.html b/_layouts/docs.html
index 5a4adad6f6..de5715c61a 100644
--- a/_layouts/docs.html
+++ b/_layouts/docs.html
@@ -183,14 +183,14 @@ ng\:form {
       <div class="">
         <div class="container-fluid">
           <div class="row">
-            <div class="col-xs-12 col-sm-3 col-md-2 docsidebarnav_section">
+            <div class="col-xs-12 col-sm-3 col-md-2 col-xl-2 docsidebarnav_section">
               <div class="region region-hero-sub"><ul class="nav-sub">
 								{% assign tree = site.data.toc.toc %}
                 {% include tree.html %}
 							</ul>
               </div>
             </div>
-            <div class="col-xs-12 col-sm-9 col-md-10">
+            <div class="col-xs-12 col-sm-9 col-md-8 col-xl-9">
               <section class="section" id="DocumentationText">
               {{ content }}
 			       </section>
@@ -203,7 +203,7 @@ ng\:form {
 						 }
 						 </script>
             </div>
-						<div class="hidden-xs hidden-sm col-md-2 tableofcontents_section">
+						<div class="hidden-xs hidden-sm col-md-2 col-xl-1 tableofcontents_section">
                 <section class="section" id="TableOfContentsSection">
 						    <span class="title_section">
 								  <form class="search-form form-inline ng-pristine ng-valid" action="/search/">