diff --git a/awx/ui/static/less/new-dashboard.less b/awx/ui/static/less/new-dashboard.less
index fe2b9ac73b..b8d668f4d3 100644
--- a/awx/ui/static/less/new-dashboard.less
+++ b/awx/ui/static/less/new-dashboard.less
@@ -45,6 +45,14 @@
     background-image: none
 }
 
+ .left-side {
+      padding-right: 7px;
+  }
+
+  .right-side {
+      padding-left: 7px;
+  }
+
     .custon-carousel{
         width:150px;
       height:200px;
diff --git a/awx/ui/static/partials/home.html b/awx/ui/static/partials/home.html
index 347ee5f513..7efe7b1b09 100644
--- a/awx/ui/static/partials/home.html
+++ b/awx/ui/static/partials/home.html
@@ -1,6 +1,6 @@
 
 <div class="tab-pane" id="home">
-   <div ng-cloak id="htmlTemplate" style="padding:20px">
+   <div ng-cloak id="htmlTemplate" style="padding:10px">
       <!--<div id="refresh-row" class="row">
          <div class="col-lg-12">
             <div id="home-list-actions" class="list-actions pull-right"></div>
@@ -8,17 +8,16 @@
       </div>
 -->
 
-                  <div class="row">
-                     <div id="container1" class="col-lg-12"></div>
-                  </div>
-                  <div class="row">
-                     <div id="container2" class="col-lg-6 col-xs-12"></div>
-                     <div id="container3" class="col-lg-6 col-xs-12"></div>
-                  </div>
-                  <div class="row">
-                     <div id="container4" class="col-lg-6 "></div>
-                  </div>
-
+      <div class="row">
+         <div id="container1" class="col-lg-12"></div>
+      </div>
+      <div class="row">
+         <div id="container2" class="left-side col-sm-6 col-xs-12"></div>
+         <div id="container3" class="right-side col-sm-6 col-xs-12"></div>
+      </div>
+      <div class="row">
+         <div id="container4" class="left-side col-sm-6 col-xs-12"></div>
+      </div>
    </div>
 </div>