diff --git a/src/app/core/services/layout.service.ts b/src/app/core/services/layout.service.ts
index ee5ef478..12730195 100644
--- a/src/app/core/services/layout.service.ts
+++ b/src/app/core/services/layout.service.ts
@@ -44,7 +44,7 @@ export class FuseLayoutService
      */
     setSettings(settings)
     {
-        // const newSettings = Object.assign({}, this.defaultSettings, settings);
-        // this.onSettingsChanged.next(newSettings);
+        const newSettings = Object.assign({}, this.defaultSettings, settings);
+        this.onSettingsChanged.next(newSettings);
     }
 }
diff --git a/src/app/main/content/components/price-tables/price-tables.component.html b/src/app/main/content/components/price-tables/price-tables.component.html
index 9be40ef0..de9ed3d9 100644
--- a/src/app/main/content/components/price-tables/price-tables.component.html
+++ b/src/app/main/content/components/price-tables/price-tables.component.html
@@ -235,7 +235,7 @@
                         <div class="subtitle">For small teams</div>
                     </div>
 
-                    <div class="price md-primary-bg md-hue-3" fxLayout="row" fxLayoutAlign="center start">
+                    <div class="price md-primary-300-bg" fxLayout="row" fxLayoutAlign="center start">
                         <div class="currency">$</div>
                         <div fxLayout="row" fxLayoutAlign="center end">
                             <div class="value">29</div>
@@ -290,7 +290,7 @@
                         <div class="subtitle">For big teams</div>
                     </div>
 
-                    <div class="price md-primary-bg md-hue-3" fxLayout="row" fxLayoutAlign="center start">
+                    <div class="price md-primary-300-bg" fxLayout="row" fxLayoutAlign="center start">
                         <div class="currency">$</div>
                         <div fxLayout="row" fxLayoutAlign="center end">
                             <div class="value">99</div>