diff --git a/src/app/pages/dashboard/dashboard.html b/src/app/pages/dashboard/dashboard.html
index 6ecda209..f28ce532 100644
--- a/src/app/pages/dashboard/dashboard.html
+++ b/src/app/pages/dashboard/dashboard.html
@@ -19,11 +19,11 @@
 <div class="row">
   <div class="col-xlg-9 col-xl-6 col-lg-6  col-md-12 col-sm-12 col-xs-12">
     <div class="row">
-      <ba-card class="col-xlg-8 col-xl-12 col-lg-12 col-md-5 col-sm-12 col-xs-12"
+      <ba-card class="col-xlg-8 col-xl-12 col-lg-12 col-md-7 col-sm-12 col-xs-12"
                title="Revenue" baCardClass="medium-card">
         <line-chart></line-chart>
       </ba-card>
-      <ba-card class="col-xlg-4 col-xl-12 col-lg-12 col-md-7 col-sm-12 col-xs-12"
+      <ba-card class="col-xlg-4 col-xl-12 col-lg-12 col-md-5 col-sm-12 col-xs-12"
                baCardClass="popular-app medium-card">
         <popular-app></popular-app>
       </ba-card>
@@ -32,7 +32,7 @@
 
   <div class="col-xlg-3 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12">
     <ba-card title="Feed"
-             baCardClass="large-panel with-scroll feed-panel">
+             baCardClass="large-card with-scroll feed-panel">
       <feed></feed>
     </ba-card>
   </div>
@@ -40,12 +40,12 @@
 </div>
 
 <div class="row shift-up">
-  <ba-card class="col-xlg-3 col-lg-6 col-md-6 col-xs-12" title="To Do List"
-           baCardClass="xmedium-panel feed-comply-panel with-scroll todo-panel">
+  <ba-card class="col-xlg-3 col-lg-6 col-md-12 col-sm-12 col-xs-12" title="To Do List"
+           baCardClass="xmedium-card feed-comply-panel with-scroll todo-panel">
     <todo></todo>
   </ba-card>
-  <ba-card class="col-xlg-3 col-lg-6 col-md-6 col-xs-12" title="To Do List"
-           baCardClass="xmedium-panel feed-comply-panel with-scroll calendar-panel">
+  <ba-card class="col-xlg-6 col-lg-6 col-md-12 col-sm-12 col-xs-12" title="Calendar"
+           baCardClass="xmedium-card feed-comply-panel with-scroll calendar-panel">
     <calendar></calendar>
   </ba-card>
 </div>
diff --git a/src/app/pages/dashboard/dashboard.scss b/src/app/pages/dashboard/dashboard.scss
index 2bce8531..715c335b 100644
--- a/src/app/pages/dashboard/dashboard.scss
+++ b/src/app/pages/dashboard/dashboard.scss
@@ -1,13 +1,13 @@
 @media screen and (min-width: 1620px) {
   .row.shift-up {
-    > div {
+    > * {
       margin-top: -573px;
     }
   }
 }
 
 @media screen and (max-width: 1620px) {
-  .card.feed-card.large-card {
+  .card.feed-panel.large-card {
     height: 824px;
   }
 }