diff --git a/_layouts/components.html b/_layouts/components.html
index 00423cf..3f7931f 100644
--- a/_layouts/components.html
+++ b/_layouts/components.html
@@ -14,7 +14,7 @@
             </div>
         </div>
     </div>
-    <div class="col-md-9 col-sm-12 col-xs-12 pt-3 pl-5">
+    <div class="col-lg-9 pt-3 pl-5">
         <!--{{ content }}-->
 			<div class="component-wrapper my-5" id="">
         {% include components/alerts.html %}
diff --git a/_layouts/visuals.html b/_layouts/visuals.html
index f5c72ec..b17f4a6 100644
--- a/_layouts/visuals.html
+++ b/_layouts/visuals.html
@@ -14,7 +14,7 @@
           </div>
         </div>
       </div>
-        <div class="col-md-9 col-sm-12 col-xs-12 pt-3 pl-5">
+        <div class="col-lg-9 pt-3 pl-5">
           {{ content }}
           {% include /visuals/colors.html participants=site.data.profiles %}
           {% include /visuals/grid.html participants=site.data.profiles %}
diff --git a/_site/components/index.html b/_site/components/index.html
index 74c82a0..17f752f 100644
--- a/_site/components/index.html
+++ b/_site/components/index.html
@@ -122,7 +122,7 @@
             </div>
         </div>
     </div>
-    <div class="col-md-9 col-sm-12 col-xs-12 pt-3 pl-5">
+    <div class="col-lg-9 pt-3 pl-5">
         <!--<p>This is the components page</p>
 -->
 			<div class="component-wrapper my-5" id="">
diff --git a/_site/visuals/index.html b/_site/visuals/index.html
index b17f10c..15c0373 100644
--- a/_site/visuals/index.html
+++ b/_site/visuals/index.html
@@ -104,7 +104,7 @@
           </div>
         </div>
       </div>
-        <div class="col-md-9 col-sm-12 col-xs-12 pt-3 pl-5">
+        <div class="col-lg-9 pt-3 pl-5">
           
 
           <div id="colors" class="page-header mb-4">