diff --git a/src/app/app.component.css b/src/app/app.component.css
index 463d9bcb..e69de29b 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -1,8 +0,0 @@
-
-
-.bae-content {
-    width: 100%;
-    min-height: calc(100vh - 100px) !important;
-    padding-top: 75px !important;
-    padding-bottom: 25px !important;
-}
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 53d8dfcd..c714a878 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,11 +1,13 @@
 <bae-header class="fixed w-full z-50 top-0 start-0"></bae-header>
-<main class="bg-fixed bg-no-repeat bg-right pb-[60px] pt-[75px]">
+<main class="bg-no-repeat bg-right pb-[60px] pt-[75px]">
     <router-outlet></router-outlet>
 </main>
 @if(providerThemeName=='DOME') {
-    <app-chatbot-widget class="relative"></app-chatbot-widget>
+    <app-chatbot-widget class="relative z-50"></app-chatbot-widget>
 }
-<bae-footer class="hidden md:block"></bae-footer>
+
+<bae-footer  class="fixed w-full z-50 bottom-0 start-0"></bae-footer>
+
 @if(isProduction){
     <script type="text/javascript"> _linkedin_partner_id = "8700705"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=8700705&fmt=gif" /> </noscript>
 }
\ No newline at end of file
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 5e569362..991a4490 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -77,7 +77,7 @@ export class AppComponent implements OnInit {
         console.log(((info.expire - moment().unix()) - 4))
 
         this.refreshApi.startInterval(((info.expire - moment().unix())-4)*1000, ev);
-
+        initFlowbite();
         //this.refreshApi.startInterval(3000, ev.value);
       }
     })
@@ -92,6 +92,7 @@ export class AppComponent implements OnInit {
       this.refreshApi.startInterval(((aux.expire - moment().unix())-4)*1000, aux);
       console.log('token')
       console.log(aux.token)
+      initFlowbite();
     }
     this.router.events.subscribe(event => {
       if (event instanceof NavigationEnd) {
diff --git a/src/app/chatbot-widget/chatbot-widget.component.html b/src/app/chatbot-widget/chatbot-widget.component.html
index 494dd6dd..bed89750 100644
--- a/src/app/chatbot-widget/chatbot-widget.component.html
+++ b/src/app/chatbot-widget/chatbot-widget.component.html
@@ -32,7 +32,7 @@ <h4 class="chatbox__heading--header">DOME support</h4>
     }
 
     <!-- Wrapper -->
-    <div class="fixed bottom-5 md:bottom-[55px] right-5 z-[999]"  (click)="toggleState()">
+    <div class="fixed bottom-9 md:bottom-[55px] right-5 z-[999]"  (click)="toggleState()">
       <!-- Button -->
       <button
         class="w-[60px] h-[60px] bg-[var(--secondary-dark-blue)] border-none rounded-full shadow-[0_2px_10px_rgba(0,0,0,0.3)] cursor-pointer transition-transform duration-300 flex items-center justify-center hover:scale-105 p-0"
diff --git a/src/app/pages/contact-us/contact-us-form.component.html b/src/app/pages/contact-us/contact-us-form.component.html
index e7febb00..ed2255c5 100644
--- a/src/app/pages/contact-us/contact-us-form.component.html
+++ b/src/app/pages/contact-us/contact-us-form.component.html
@@ -19,7 +19,7 @@ <h1 class="mb-4 text-left text-4xl font-extrabold tracking-tight md:text-5xl lg:
         <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fill' | translate }}</h2>
         <div class="grid grid-cols-3 gap-4">
             <div>
-                <label for="email" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._email' | translate }}</label>
+                <label for="email" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._email' | translate }} (*)</label>
                 <input formControlName="email" type="text" id="email"
                 [ngClass]="contactForm.get('email')?.touched && contactForm.get('email')?.invalid
                 ? 'border-red-600'
@@ -36,7 +36,7 @@ <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fil
                 }
             </div>
             <div>
-                <label for="name" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._firstname' | translate }}</label>
+                <label for="name" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._firstname' | translate }} (*)</label>
                 <input formControlName="name" type="text" id="name"
                 [ngClass]="contactForm.get('name')?.touched && contactForm.get('name')?.invalid
                 ? 'border-red-600'
@@ -50,7 +50,7 @@ <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fil
                 }              
             </div>
             <div>
-                <label for="lastname" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._lastname' | translate }}</label>
+                <label for="lastname" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._lastname' | translate }} (*)</label>
                 <input formControlName="lastname" type="text" id="lastname"
                 [ngClass]="contactForm.get('lastname')?.touched && contactForm.get('lastname')?.invalid
                 ? 'border-red-600'
@@ -66,7 +66,7 @@ <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fil
         </div>
         <div class="grid grid-cols-2 gap-4">
             <div>
-                <label for="organization" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._organization' | translate }}</label>
+                <label for="organization" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._organization' | translate }} (*)</label>
                 <input formControlName="organization" type="text" id="organization"
                 [ngClass]="contactForm.get('organization')?.touched && contactForm.get('organization')?.invalid
                 ? 'border-red-600'
@@ -80,7 +80,7 @@ <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fil
                 } 
             </div>
             <div>
-                <label for="role" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._role' | translate }}</label>
+                <label for="role" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._role' | translate }} (*)</label>
                 <input formControlName="role" type="text" id="role"
                 [ngClass]="contactForm.get('role')?.touched && contactForm.get('role')?.invalid
                 ? 'border-red-600'
@@ -95,7 +95,7 @@ <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fil
             </div>
         </div>
         <div>
-            <label for="organization" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._message' | translate }}</label>
+            <label for="organization" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._message' | translate }} (*)</label>
             <textarea id="editor" formControlName="message" rows="8" 
             [ngClass]="contactForm.get('message')?.touched && contactForm.get('message')?.invalid
             ? 'border-red-600'
diff --git a/src/app/pages/dashboard/dashboard.component.html b/src/app/pages/dashboard/dashboard.component.html
index a4cb4429..b7a6d5a8 100644
--- a/src/app/pages/dashboard/dashboard.component.html
+++ b/src/app/pages/dashboard/dashboard.component.html
@@ -84,19 +84,24 @@ <h1 class="mb-4 text-left text-4xl font-extrabold tracking-tight md:text-5xl lg:
     <!--<bae-off-gallery *ngIf="currentTheme?.dashboard?.showFeaturedOfferings">
     </bae-off-gallery>-->
     <app-platform-benefits *ngIf="currentTheme?.dashboard?.showPlatformBenefits"></app-platform-benefits>
-    <div class="border-t border-gray-200 dark:border-gray-600">
-      <div class="flex flex-row items-center py-8 px-4 mb-4">
-        <img 
-          class="h-12 w-auto" 
-          src="assets/logos/euflag.png" 
-          alt="EU flag image"
-        >
-        <p class="ml-4 text-base font-normal text-gray-500 dark:text-gray-400 text-start">
-          Distributed Open Marketplace for Europe (DOME) Project has received funding from 
-          European Union’s Digital Europe Programme under the Grant Agreement No 101084071.
-        </p>
+    @if(providerThemeName=='DOME'){
+      <div >
+        <div class="border-t border-gray-200 dark:border-gray-600 w-full">
+          <div class="flex flex-row items-center pt-4">
+            <img 
+              class="h-12 w-auto ml-4" 
+              src="assets/logos/euflag.png" 
+              alt="EU flag image"
+            >
+            <p class="ml-4 text-base font-normal text-gray-500 dark:text-gray-400 text-start">
+              Distributed Open Marketplace for Europe (DOME) Project has received funding from 
+              European Union’s Digital Europe Programme under the Grant Agreement No 101084071.
+            </p>
+          </div>
+        </div> 
       </div>
-    </div>    
+  
+    } 
     <!--<app-explore-dome></app-explore-dome>-->
     <!--<app-faq></app-faq>-->
 
diff --git a/src/app/pages/dashboard/dashboard.component.ts b/src/app/pages/dashboard/dashboard.component.ts
index 23dedbd3..d89bd139 100644
--- a/src/app/pages/dashboard/dashboard.component.ts
+++ b/src/app/pages/dashboard/dashboard.component.ts
@@ -36,6 +36,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
   delay: number = 2000;
   currentTheme: ThemeConfig | null = null;
   private themeSubscription: Subscription = new Subscription();
+  providerThemeName=environment.providerThemeName;
 
   //loginSubscription: Subscription = new Subscription();;
   constructor(private localStorage: LocalStorageService,
@@ -111,6 +112,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
 
         this.localStorage.addLoginInfo(info);
         this.eventMessage.emitLogin(info);
+        initFlowbite();
         console.log('----')
         //this.refreshApi.stopInterval();
         //this.refreshApi.startInterval(((data.expire - moment().unix())-4)*1000, data);
diff --git a/src/app/pages/product-inventory/inventory-items/inventory-products/inventory-products.component.html b/src/app/pages/product-inventory/inventory-items/inventory-products/inventory-products.component.html
index 4c600c14..d731ab40 100644
--- a/src/app/pages/product-inventory/inventory-items/inventory-products/inventory-products.component.html
+++ b/src/app/pages/product-inventory/inventory-items/inventory-products/inventory-products.component.html
@@ -120,7 +120,7 @@ <h6 class="mb-3 text-sm font-medium text-gray-900 dark:text-white">
                                 <h5 class="text-xl font-semibold tracking-tight text-primary-100 dark:text-white">{{inv.product?.name}}</h5>
                                 </a>
                                 @if(inv.status == 'active'){
-                                <button type="button" data-tooltip-target="unsubscribe-default" (click)="showUnsubscribeModal(inv);$event.stopPropagation();" class="flex text-red-600 border border-red-600 hover:bg-red-600 hover:text-white focus:ring-4 focus:outline-none focus:ring-red-400 font-medium rounded-full text-sm p-2 text-center inline-flex items-center">
+                                <button type="button" data-tooltip-target="unsubscribe-default" (click)="showUnsubscribeModal(inv);$event.stopPropagation();" class="flex h-fit text-red-600 border border-red-600 hover:bg-red-600 hover:text-white focus:ring-4 focus:outline-none focus:ring-red-400 font-medium rounded-full text-sm p-2 text-center inline-flex items-center">
                                     <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 17.94 6M18 18 6.06 6"/>
                                     </svg>                                    
diff --git a/src/app/pages/search-catalog/search-catalog.component.html b/src/app/pages/search-catalog/search-catalog.component.html
index a92cfee1..e10555b5 100644
--- a/src/app/pages/search-catalog/search-catalog.component.html
+++ b/src/app/pages/search-catalog/search-catalog.component.html
@@ -73,10 +73,10 @@
       } @else {
         <div class="flex items-center mx-auto max-w-screen-xl w-full items-center bg-white dark:bg-secondary-100 rounded-lg shadow-lg ml-4 mb-4">
           <div class="relative w-full">
-            <!-- Background image layer -->
+            <!-- Background image layer
             <div class="absolute inset-0 bg-no-repeat bg-cover opacity-40 z-0 rounded-lg"
                  style="background-image: url('{{ logo }}');">
-            </div>
+            </div> -->
           
             <!-- Content layer -->
             <div class="relative flex flex-row justify-between items-start w-full p-8">
diff --git a/src/app/pages/seller-offerings/offerings/seller-product-spec/create-product-spec/create-product-spec.component.html b/src/app/pages/seller-offerings/offerings/seller-product-spec/create-product-spec/create-product-spec.component.html
index 1a7853a1..09e79603 100644
--- a/src/app/pages/seller-offerings/offerings/seller-product-spec/create-product-spec/create-product-spec.component.html
+++ b/src/app/pages/seller-offerings/offerings/seller-product-spec/create-product-spec/create-product-spec.component.html
@@ -577,7 +577,7 @@ <h3 class="text-sm italic text-gray-600 ml-4 dark:text-gray-200">There's no char
                             </div>
                             <div class="col-span-2">
                                 <label for="description" class="font-bold text-lg dark:text-white">{{ 'CREATE_PROD_SPEC._product_description' | translate }}</label>
-                                <textarea id="description" formControlName="description" rows="4"
+                                <textarea id="description" formControlName="description" rows="4" maxLength="500"
                                 class="mb-2 min-h-fit bg-gray-50 dark:bg-secondary-300 border border-gray-300 dark:border-secondary-200 dark:text-white text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"></textarea>
                             </div>                        
                         </form>
diff --git a/src/app/pages/seller-offerings/offerings/seller-product-spec/create-product-spec/create-product-spec.component.ts b/src/app/pages/seller-offerings/offerings/seller-product-spec/create-product-spec/create-product-spec.component.ts
index df5c7384..71d5dd87 100644
--- a/src/app/pages/seller-offerings/offerings/seller-product-spec/create-product-spec/create-product-spec.component.ts
+++ b/src/app/pages/seller-offerings/offerings/seller-product-spec/create-product-spec/create-product-spec.component.ts
@@ -84,7 +84,7 @@ export class CreateProductSpecComponent implements OnInit {
   //CHARS INFO
   charsForm = new FormGroup({
     name: new FormControl('', [Validators.required, Validators.maxLength(100), noWhitespaceValidator]),
-    description: new FormControl('')
+    description: new FormControl('', [Validators.maxLength(500)])
   });
   stringCharSelected:boolean=true;
   numberCharSelected:boolean=false;
diff --git a/src/app/pages/seller-offerings/offerings/seller-product-spec/update-product-spec/update-product-spec.component.html b/src/app/pages/seller-offerings/offerings/seller-product-spec/update-product-spec/update-product-spec.component.html
index 540070be..b8aaf27b 100644
--- a/src/app/pages/seller-offerings/offerings/seller-product-spec/update-product-spec/update-product-spec.component.html
+++ b/src/app/pages/seller-offerings/offerings/seller-product-spec/update-product-spec/update-product-spec.component.html
@@ -688,7 +688,7 @@ <h3 class="text-sm italic text-gray-600 ml-4 dark:text-gray-200">There's no char
                             </div>
                             <div class="col-span-2">
                                 <label for="description" class="font-bold text-lg dark:text-white">{{ 'UPDATE_PROD_SPEC._product_description' | translate }}</label>
-                                <textarea id="description" formControlName="description" rows="4"
+                                <textarea id="description" formControlName="description" rows="4" maxLength="500"
                                 class="mb-2 min-h-fit bg-gray-50 dark:bg-secondary-300 border border-gray-300 dark:border-secondary-200 dark:text-white text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"></textarea>
                             </div>                        
                         </form>
diff --git a/src/app/pages/seller-offerings/offerings/seller-product-spec/update-product-spec/update-product-spec.component.ts b/src/app/pages/seller-offerings/offerings/seller-product-spec/update-product-spec/update-product-spec.component.ts
index b99a0232..5c163bf7 100644
--- a/src/app/pages/seller-offerings/offerings/seller-product-spec/update-product-spec/update-product-spec.component.ts
+++ b/src/app/pages/seller-offerings/offerings/seller-product-spec/update-product-spec/update-product-spec.component.ts
@@ -79,7 +79,7 @@ export class UpdateProductSpecComponent implements OnInit {
   //CHARS INFO
   charsForm = new FormGroup({
     name: new FormControl('', [Validators.required, Validators.maxLength(100), noWhitespaceValidator]),
-    description: new FormControl('')
+    description: new FormControl('', [Validators.maxLength(500)])
   });
   stringCharSelected:boolean=true;
   numberCharSelected:boolean=false;
diff --git a/src/app/pages/user-profile/profile-sections/org-info/org-info.component.ts b/src/app/pages/user-profile/profile-sections/org-info/org-info.component.ts
index 3eaf0c4e..9b6b3819 100644
--- a/src/app/pages/user-profile/profile-sections/org-info/org-info.component.ts
+++ b/src/app/pages/user-profile/profile-sections/org-info/org-info.component.ts
@@ -240,8 +240,9 @@ export class OrgInfoComponent implements OnInit {
         this.getProfile();
         this.successVisibility = true;
         setTimeout(() => {
-          this.successVisibility = false
-        }, 2000);       
+          this.successVisibility = false;
+        }, 2000); 
+        this.mediumForm.reset();      
       },
       error: error => {
           console.error('There was an error while updating!', error);
diff --git a/src/app/shared/footer/footer.component.html b/src/app/shared/footer/footer.component.html
index 7b419673..1f238973 100644
--- a/src/app/shared/footer/footer.component.html
+++ b/src/app/shared/footer/footer.component.html
@@ -1,7 +1,7 @@
-<footer class="fixed bottom-0 left-0 z-10 h-[25px] w-full p-4 bg-white border-t border-gray-200 shadow md:flex md:items-center md:justify-end md:p-6 dark:bg-tertiary-50 dark:border-gray-600">
-  <div class="flex justify-between items-center w-full">
+<div>
+  <div class="flex h-[25px] justify-center md:justify-between items-center bg-white border-t border-gray-200 shadow dark:bg-tertiary-50 dark:border-gray-600 p-4">
     <!-- Social Links Dinámicos -->
-    <div class="flex justify-start text-gray-500 dark:text-gray-400">
+    <div class="hidden md:flex justify-start text-gray-500 dark:text-gray-400">
       <ng-container *ngFor="let social of socialLinks; let last = last">
         <fa-icon (click)="open(social.url!)" [ngClass]="{'mr-4': !last}" class="cursor-pointer" [icon]="social.icon"></fa-icon>
       </ng-container>
@@ -26,7 +26,7 @@
       </li>
     </ul>
   </div>
-</footer>
+</div>
 
 @if(feedback){
   <feedback-modal
diff --git a/src/app/shared/footer/footer.component.ts b/src/app/shared/footer/footer.component.ts
index 71003f2c..0e1715e8 100644
--- a/src/app/shared/footer/footer.component.ts
+++ b/src/app/shared/footer/footer.component.ts
@@ -1,4 +1,4 @@
-import {OnDestroy, OnInit, Component} from '@angular/core';
+import {OnDestroy, OnInit, Component, ViewEncapsulation} from '@angular/core';
 import { faLinkedin, faYoutube, faXTwitter } from '@fortawesome/free-brands-svg-icons';
 import { Router } from '@angular/router';
 import { Subscription } from "rxjs";
@@ -12,7 +12,8 @@ import * as moment from 'moment';
 @Component({
   selector: 'bae-footer',
   templateUrl: './footer.component.html',
-  styleUrls: ['./footer.component.css']
+  styleUrls: ['./footer.component.css'],
+  encapsulation: ViewEncapsulation.None
 })
 export class FooterComponent implements OnInit, OnDestroy {
   protected readonly faLinkedin = faLinkedin;
diff --git a/src/app/shared/forms/offer/price-plans/price-component-drawer/price-component-drawer.component.ts b/src/app/shared/forms/offer/price-plans/price-component-drawer/price-component-drawer.component.ts
index 8c02a48c..8145a7e2 100644
--- a/src/app/shared/forms/offer/price-plans/price-component-drawer/price-component-drawer.component.ts
+++ b/src/app/shared/forms/offer/price-plans/price-component-drawer/price-component-drawer.component.ts
@@ -144,6 +144,8 @@ export class PriceComponentDrawerComponent implements OnInit {
   submitForm() {
     if (this.priceComponentForm.valid) {
       this.save.emit(this.priceComponentForm.value);
+      console.log('----------- SAVED PRICE COMP')
+      console.log(this.priceComponentForm.value)
       this.closeDrawer();
     }
   }
diff --git a/src/app/shared/header/header.component.html b/src/app/shared/header/header.component.html
index 6dd04971..be02de50 100644
--- a/src/app/shared/header/header.component.html
+++ b/src/app/shared/header/header.component.html
@@ -122,15 +122,23 @@
           <li>
             <a (click)="goTo('/catalogues')" class="block cursor-pointer py-2 pl-3 pr-4 text-white rounded hover:bg-secondary-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-secondary-50 lg:p-0 dark:text-white lg:dark:hover:text-primary-100 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent" aria-current="page">{{ 'HEADER._catalogs' | translate }}</a>
           </li>
-          <li>
-            <a (click)="goTo('/about')" class="block cursor-pointer py-2 pl-3 pr-4 text-white rounded hover:bg-secondary-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-secondary-50 lg:p-0 dark:text-white lg:dark:hover:text-primary-100 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent" aria-current="page">{{ 'HEADER._about' | translate }}</a>
-          </li>
-          <li>
-            <a href="{{domePublish}}" target="_blank" class="block py-2 pl-3 pr-4 text-white rounded hover:bg-secondary-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-secondary-50 lg:p-0 dark:text-white lg:dark:hover:text-primary-100 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">{{ 'HEADER._publish' | translate }}</a>
-          </li>
-          <li>
-            <a href="{{ knowledge }}" target="_blank" class="block py-2 pl-3 pr-4 text-white rounded hover:bg-secondary-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-secondary-50 lg:p-0 dark:text-white lg:dark:hover:text-primary-100 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">{{ 'HEADER._info' | translate }}</a>
-          </li>
+          @if(providerThemeName=='DOME'){
+            <li>
+              <a (click)="goTo('/about')" class="block cursor-pointer py-2 pl-3 pr-4 text-white rounded hover:bg-secondary-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-secondary-50 lg:p-0 dark:text-white lg:dark:hover:text-primary-100 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent" aria-current="page">{{ 'HEADER._about' | translate }}</a>
+            </li>
+            <li>
+              <a (click)="goTo('/contact-us')" class="block cursor-pointer py-2 pl-3 pr-4 text-white rounded hover:bg-secondary-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-secondary-50 lg:p-0 dark:text-white lg:dark:hover:text-primary-100 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent" aria-current="page">{{ 'FOOTER._contact' | translate }}</a>
+            </li>
+            <li>
+              <a (click)="goTo('/blog')" class="block cursor-pointer py-2 pl-3 pr-4 text-white rounded hover:bg-secondary-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-secondary-50 lg:p-0 dark:text-white lg:dark:hover:text-primary-100 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent" aria-current="page">{{ 'HEADER._blog' | translate }}</a>
+            </li>
+            <li>
+              <a href="{{domePublish}}" target="_blank" class="block py-2 pl-3 pr-4 text-white rounded hover:bg-secondary-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-secondary-50 lg:p-0 dark:text-white lg:dark:hover:text-primary-100 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">{{ 'HEADER._publish' | translate }}</a>
+            </li>
+            <li>
+              <a href="{{ knowledge }}" target="_blank" class="block py-2 pl-3 pr-4 text-white rounded hover:bg-secondary-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-secondary-50 lg:p-0 dark:text-white lg:dark:hover:text-primary-100 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">{{ 'HEADER._info' | translate }}</a>
+            </li>
+          }
           @if (!is_logged) {
           <li>
             <a href="{{domeRegister}}" target="_blank" type="button" class="block py-2 pl-3 pr-4 text-white rounded hover:bg-secondary-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-secondary-50 lg:p-0 dark:text-white lg:dark:hover:text-primary-100 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent" aria-current="page">{{ 'HEADER._register' | translate }}</a>
diff --git a/src/app/shared/header/header.component.ts b/src/app/shared/header/header.component.ts
index fdeb432e..db97b068 100644
--- a/src/app/shared/header/header.component.ts
+++ b/src/app/shared/header/header.component.ts
@@ -241,6 +241,7 @@ export class HeaderComponent implements OnInit, AfterViewInit, DoCheck, OnDestro
         }
       }
     })
+    initFlowbite();
   }
 
   ngAfterViewInit() {
diff --git a/src/app/shared/price-plan-drawer/price-plan-drawer.component.html b/src/app/shared/price-plan-drawer/price-plan-drawer.component.html
index f9f22af6..52867895 100644
--- a/src/app/shared/price-plan-drawer/price-plan-drawer.component.html
+++ b/src/app/shared/price-plan-drawer/price-plan-drawer.component.html
@@ -68,7 +68,7 @@ <h5 id="drawer-right-label" class="inline-flex items-center text-wrap break-all
         </div>
       } @else if(filteredCharacteristics.length > 0) {
         <p class="mt-6 text-sm text-gray-500 dark:text-gray-400">Please select the characteristics you need to suit this offer to you.</p>
-        <div class="rounded-lg border border-dashed border-primary-100 bg-white p-2 m-2 dark:bg-gray-800">
+        <div class="rounded-lg border border-dashed border-primary-100 bg-white p-2 m-2 dark:bg-gray-800 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-2 mb-4">
           @for (ch of filteredCharacteristics ; track ch.id; let i = $index) {
             @if(!ch.name?.endsWith('- enabled')){
               <div class="flex flex-row w-full items-start">
@@ -95,7 +95,7 @@ <h5 id="drawer-right-label" class="inline-flex items-center text-wrap break-all
     }
 
     @if(metrics.length>0){
-      <p class="mt-4  text-sm text-gray-500 dark:text-gray-400">Please on each metric indicate the value that best fits for you.</p>
+      <p class="mt-4  text-sm text-gray-500 dark:text-gray-400">You can change the metric values to simulate final prices</p>
       <div class="grid grid-cols-4 gap-2 mb-4">
         @for (metric of metrics || []; track metric.unitOfMeasure) {
           <div class="flex flex-col">
diff --git a/src/index.html b/src/index.html
index 59686369..fffeb1ec 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <title>DOME Marketplace</title>
   <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
   <link rel="icon" type="image/x-icon" href="/assets/dome_logo.PNG">
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Blinker:wght@300;400;500;600;700&display=swap">
   <link href="https://cdn.jsdelivr.net/npm/flowbite@2.4.1/dist/flowbite.min.css" rel="stylesheet" />
@@ -17,7 +17,7 @@
     }
   </script>
 </head>
-<body class="h-screen bg-white dark:bg-tertiary-50"> <!-- class="dark:bg-gray-900" style="background-image: url('assets/logos/dome-logo-element-colour.png');"-->
+<body class="min-h-screen bg-white dark:bg-tertiary-50"> <!-- class="dark:bg-gray-900" style="background-image: url('assets/logos/dome-logo-element-colour.png');"-->
   <app-root></app-root>
   <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.1/flowbite.min.js"></script>-->
 </body>
diff --git a/src/styles.css b/src/styles.css
index b5e58732..e0dedb08 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -245,4 +245,4 @@ textarea:-webkit-autofill {
 
 textarea:-webkit-autofill::first-line {
   color: inherit;
-}
+}
\ No newline at end of file