diff --git a/pages/Home/widgets/Navigation.json b/pages/Home/widgets/Navigation.json
index 9d61f73..801e327 100644
--- a/pages/Home/widgets/Navigation.json
+++ b/pages/Home/widgets/Navigation.json
@@ -1,12 +1,12 @@
 {
   "animateLoading": true,
   "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
-  "bottomRow": 5,
+  "bottomRow": 7,
   "boxShadow": "none",
-  "buttonVariant": "TERTIARY",
+  "buttonVariant": "PRIMARY",
   "childStylesheet": {
     "button": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}"
+      "buttonColor": "#020618"
     }
   },
   "dynamicBindingPathList": [
@@ -34,7 +34,7 @@
   "flexVerticalAlignment": "start",
   "groupButtons": {
     "homeBtn": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "SIMPLE",
       "iconName": "home",
       "id": "homeBtn",
@@ -46,7 +46,7 @@
       "onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}"
     },
     "salesMenu": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "MENU",
       "iconName": "trending-up",
       "id": "salesMenu",
@@ -56,9 +56,9 @@
       "label": "Sales",
       "menuItems": {
         "salesOverview": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "dashboard",
           "id": "salesOverview",
           "index": 0,
@@ -66,12 +66,12 @@
           "isVisible": true,
           "label": "Overview",
           "onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         },
         "capacityPlanning": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "calendar",
           "id": "capacityPlanning",
           "index": 1,
@@ -79,12 +79,12 @@
           "isVisible": true,
           "label": "Capacity Planning",
           "onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         },
         "unitsShipped": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "box",
           "id": "unitsShipped",
           "index": 2,
@@ -92,12 +92,12 @@
           "isVisible": true,
           "label": "Units Shipped",
           "onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         }
       }
     },
     "marketingBtn": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "SIMPLE",
       "iconName": "megaphone",
       "id": "marketingBtn",
@@ -114,7 +114,7 @@
   "key": "nav1btngrp",
   "leftColumn": 0,
   "minWidth": 450,
-  "mobileBottomRow": 5,
+  "mobileBottomRow": 7,
   "mobileLeftColumn": 0,
   "mobileRightColumn": 64,
   "mobileTopRow": 0,
diff --git a/pages/Marketing/widgets/Navigation.json b/pages/Marketing/widgets/Navigation.json
index 4d13b76..1431c10 100644
--- a/pages/Marketing/widgets/Navigation.json
+++ b/pages/Marketing/widgets/Navigation.json
@@ -1,12 +1,12 @@
 {
   "animateLoading": true,
   "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
-  "bottomRow": 5,
+  "bottomRow": 7,
   "boxShadow": "none",
-  "buttonVariant": "TERTIARY",
+  "buttonVariant": "PRIMARY",
   "childStylesheet": {
     "button": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}"
+      "buttonColor": "#020618"
     }
   },
   "dynamicBindingPathList": [
@@ -34,7 +34,7 @@
   "flexVerticalAlignment": "start",
   "groupButtons": {
     "homeBtn": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "SIMPLE",
       "iconName": "home",
       "id": "homeBtn",
@@ -46,7 +46,7 @@
       "onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}"
     },
     "salesMenu": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "MENU",
       "iconName": "trending-up",
       "id": "salesMenu",
@@ -56,9 +56,9 @@
       "label": "Sales",
       "menuItems": {
         "salesOverview": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "dashboard",
           "id": "salesOverview",
           "index": 0,
@@ -66,12 +66,12 @@
           "isVisible": true,
           "label": "Overview",
           "onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         },
         "capacityPlanning": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "calendar",
           "id": "capacityPlanning",
           "index": 1,
@@ -79,12 +79,12 @@
           "isVisible": true,
           "label": "Capacity Planning",
           "onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         },
         "unitsShipped": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "box",
           "id": "unitsShipped",
           "index": 2,
@@ -92,12 +92,12 @@
           "isVisible": true,
           "label": "Units Shipped",
           "onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         }
       }
     },
     "marketingBtn": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "SIMPLE",
       "iconName": "megaphone",
       "id": "marketingBtn",
@@ -114,7 +114,7 @@
   "key": "nav5btngrp",
   "leftColumn": 0,
   "minWidth": 450,
-  "mobileBottomRow": 5,
+  "mobileBottomRow": 7,
   "mobileLeftColumn": 0,
   "mobileRightColumn": 64,
   "mobileTopRow": 0,
diff --git a/pages/Sales - Capacity Planning/widgets/Navigation.json b/pages/Sales - Capacity Planning/widgets/Navigation.json
index da99c00..713eda9 100644
--- a/pages/Sales - Capacity Planning/widgets/Navigation.json	
+++ b/pages/Sales - Capacity Planning/widgets/Navigation.json	
@@ -1,12 +1,12 @@
 {
   "animateLoading": true,
   "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
-  "bottomRow": 5,
+  "bottomRow": 7,
   "boxShadow": "none",
-  "buttonVariant": "TERTIARY",
+  "buttonVariant": "PRIMARY",
   "childStylesheet": {
     "button": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}"
+      "buttonColor": "#020618"
     }
   },
   "dynamicBindingPathList": [
@@ -34,7 +34,7 @@
   "flexVerticalAlignment": "start",
   "groupButtons": {
     "homeBtn": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "SIMPLE",
       "iconName": "home",
       "id": "homeBtn",
@@ -46,7 +46,7 @@
       "onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}"
     },
     "salesMenu": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "MENU",
       "iconName": "trending-up",
       "id": "salesMenu",
@@ -56,9 +56,9 @@
       "label": "Sales",
       "menuItems": {
         "salesOverview": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "dashboard",
           "id": "salesOverview",
           "index": 0,
@@ -66,12 +66,12 @@
           "isVisible": true,
           "label": "Overview",
           "onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         },
         "capacityPlanning": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "calendar",
           "id": "capacityPlanning",
           "index": 1,
@@ -79,12 +79,12 @@
           "isVisible": true,
           "label": "Capacity Planning",
           "onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         },
         "unitsShipped": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "box",
           "id": "unitsShipped",
           "index": 2,
@@ -92,12 +92,12 @@
           "isVisible": true,
           "label": "Units Shipped",
           "onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         }
       }
     },
     "marketingBtn": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "SIMPLE",
       "iconName": "megaphone",
       "id": "marketingBtn",
@@ -114,7 +114,7 @@
   "key": "nav3btngrp",
   "leftColumn": 0,
   "minWidth": 450,
-  "mobileBottomRow": 5,
+  "mobileBottomRow": 7,
   "mobileLeftColumn": 0,
   "mobileRightColumn": 64,
   "mobileTopRow": 0,
diff --git a/pages/Sales - Units Shipped/widgets/Navigation.json b/pages/Sales - Units Shipped/widgets/Navigation.json
index f8241a2..60849aa 100644
--- a/pages/Sales - Units Shipped/widgets/Navigation.json	
+++ b/pages/Sales - Units Shipped/widgets/Navigation.json	
@@ -1,12 +1,12 @@
 {
   "animateLoading": true,
   "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
-  "bottomRow": 5,
+  "bottomRow": 7,
   "boxShadow": "none",
-  "buttonVariant": "TERTIARY",
+  "buttonVariant": "PRIMARY",
   "childStylesheet": {
     "button": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}"
+      "buttonColor": "#020618"
     }
   },
   "dynamicBindingPathList": [
@@ -34,7 +34,7 @@
   "flexVerticalAlignment": "start",
   "groupButtons": {
     "homeBtn": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "SIMPLE",
       "iconName": "home",
       "id": "homeBtn",
@@ -46,7 +46,7 @@
       "onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}"
     },
     "salesMenu": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "MENU",
       "iconName": "trending-up",
       "id": "salesMenu",
@@ -56,9 +56,9 @@
       "label": "Sales",
       "menuItems": {
         "salesOverview": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "dashboard",
           "id": "salesOverview",
           "index": 0,
@@ -66,12 +66,12 @@
           "isVisible": true,
           "label": "Overview",
           "onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         },
         "capacityPlanning": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "calendar",
           "id": "capacityPlanning",
           "index": 1,
@@ -79,12 +79,12 @@
           "isVisible": true,
           "label": "Capacity Planning",
           "onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         },
         "unitsShipped": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "box",
           "id": "unitsShipped",
           "index": 2,
@@ -92,12 +92,12 @@
           "isVisible": true,
           "label": "Units Shipped",
           "onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         }
       }
     },
     "marketingBtn": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "SIMPLE",
       "iconName": "megaphone",
       "id": "marketingBtn",
@@ -114,7 +114,7 @@
   "key": "nav4btngrp",
   "leftColumn": 0,
   "minWidth": 450,
-  "mobileBottomRow": 5,
+  "mobileBottomRow": 7,
   "mobileLeftColumn": 0,
   "mobileRightColumn": 64,
   "mobileTopRow": 0,
diff --git a/pages/Sales/widgets/Navigation.json b/pages/Sales/widgets/Navigation.json
index e2f892d..5efe8f0 100644
--- a/pages/Sales/widgets/Navigation.json
+++ b/pages/Sales/widgets/Navigation.json
@@ -1,12 +1,12 @@
 {
   "animateLoading": true,
   "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
-  "bottomRow": 5,
+  "bottomRow": 7,
   "boxShadow": "none",
-  "buttonVariant": "TERTIARY",
+  "buttonVariant": "PRIMARY",
   "childStylesheet": {
     "button": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}"
+      "buttonColor": "#020618"
     }
   },
   "dynamicBindingPathList": [
@@ -34,7 +34,7 @@
   "flexVerticalAlignment": "start",
   "groupButtons": {
     "homeBtn": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "SIMPLE",
       "iconName": "home",
       "id": "homeBtn",
@@ -46,7 +46,7 @@
       "onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}"
     },
     "salesMenu": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "MENU",
       "iconName": "trending-up",
       "id": "salesMenu",
@@ -56,9 +56,9 @@
       "label": "Sales",
       "menuItems": {
         "salesOverview": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "dashboard",
           "id": "salesOverview",
           "index": 0,
@@ -66,12 +66,12 @@
           "isVisible": true,
           "label": "Overview",
           "onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         },
         "capacityPlanning": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "calendar",
           "id": "capacityPlanning",
           "index": 1,
@@ -79,12 +79,12 @@
           "isVisible": true,
           "label": "Capacity Planning",
           "onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         },
         "unitsShipped": {
-          "backgroundColor": "#FFFFFF",
+          "backgroundColor": "#020618",
           "iconAlign": "left",
-          "iconColor": "#040627",
+          "iconColor": "#FFFFFF",
           "iconName": "box",
           "id": "unitsShipped",
           "index": 2,
@@ -92,12 +92,12 @@
           "isVisible": true,
           "label": "Units Shipped",
           "onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}",
-          "textColor": "#040627"
+          "textColor": "#FFFFFF"
         }
       }
     },
     "marketingBtn": {
-      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonColor": "#020618",
       "buttonType": "SIMPLE",
       "iconName": "megaphone",
       "id": "marketingBtn",
@@ -114,7 +114,7 @@
   "key": "nav2btngrp",
   "leftColumn": 0,
   "minWidth": 450,
-  "mobileBottomRow": 5,
+  "mobileBottomRow": 7,
   "mobileLeftColumn": 0,
   "mobileRightColumn": 64,
   "mobileTopRow": 0,