diff --git a/src/Bundle/ChillBudgetBundle/Resources/public/page/chillbudget.scss b/src/Bundle/ChillBudgetBundle/Resources/public/page/chillbudget.scss
index 2be4cff6f..f7eaf2500 100644
--- a/src/Bundle/ChillBudgetBundle/Resources/public/page/chillbudget.scss
+++ b/src/Bundle/ChillBudgetBundle/Resources/public/page/chillbudget.scss
@@ -13,12 +13,12 @@
 }
 .budget-table {
     th.charge {
-        background-color: $budget-charge-color;
+        background-color: #6d9e63;
     }
 }
 .budget-table {
     th.resource {
-        background-color: $budget-resource-color;
+        background-color: #e03851;
     }
 }
 .budget-table {
diff --git a/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_budget.html.twig b/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_budget.html.twig
index d42af20c3..1ff8f2998 100644
--- a/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_budget.html.twig
+++ b/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_budget.html.twig
@@ -49,18 +49,34 @@
 
 {% endif %}
 
+<h2 class="subtitle">{{ 'Past budget'|trans }}</h2>
+
 {% if pastCharges|length > 0 or pastResources|length > 0 %}
     {% include 'ChillBudgetBundle:Budget:_past_budget.html.twig' with {
         'pastCharges': pastCharges,
         'pastResources': pastResources,
         'entity': entity
     } %}
+{% else %}
+    <div class="flex-table">
+        <div class="item-bloc">
+            <p><span class="chill-no-data-statement">{{ "There isn't any element recorded"|trans }}</span></p>
+        </div>
+    </div>
 {% endif %}
 
+<h2 class="subtitle">{{ 'Future budget'|trans }}</h2>
+
 {% if futureCharges|length > 0 or futureResources|length > 0 %}
     {% include 'ChillBudgetBundle:Budget:_future_budget.html.twig' with {
         'futureResources': futureResources,
         'futureCharges': futureCharges,
         'entity': entity
     } %}
+{% else %}
+    <div class="flex-table">
+        <div class="item-bloc">
+            <p><span class="chill-no-data-statement">{{ "There isn't any element recorded"|trans }}</span></p>
+        </div>
+    </div>
 {% endif %}
diff --git a/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_future_budget.html.twig b/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_future_budget.html.twig
index a8e390832..1547d8749 100644
--- a/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_future_budget.html.twig
+++ b/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_future_budget.html.twig
@@ -1,7 +1,5 @@
 {% from 'ChillBudgetBundle:Budget:_macros.html.twig' import table_elements, table_results %}
 
-<h2 class="subtitle">{{ 'Future budget'|trans }}</h2>
-
 <div class="accordion" id="future_{{ entity.id }}">
     <div class="accordion-item">
         <h2 class="accordion-header" id="heading_future_{{ entity.id }}">
diff --git a/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_past_budget.html.twig b/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_past_budget.html.twig
index 2740e9027..f11372f42 100644
--- a/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_past_budget.html.twig
+++ b/src/Bundle/ChillBudgetBundle/Resources/views/Budget/_past_budget.html.twig
@@ -1,7 +1,5 @@
 {% from 'ChillBudgetBundle:Budget:_macros.html.twig' import table_elements, table_results %}
 
-<h2 class="subtitle">{{ 'Past budget'|trans }}</h2>
-
 <div class="accordion" id="past_{{ entity.id }}">
     <div class="accordion-item">
         <h2 class="accordion-header" id="heading_past_{{ entity.id }}">
diff --git a/src/Bundle/ChillBudgetBundle/Resources/views/Household/index.html.twig b/src/Bundle/ChillBudgetBundle/Resources/views/Household/index.html.twig
index 03e5dd0ea..f276010e6 100644
--- a/src/Bundle/ChillBudgetBundle/Resources/views/Household/index.html.twig
+++ b/src/Bundle/ChillBudgetBundle/Resources/views/Household/index.html.twig
@@ -6,6 +6,14 @@
 {% set title = 'Budget for household %household%'|trans({ '%household%' : household.id } ) %}
 {% block title title %}
 
+{% block js %}
+{{ encore_entry_script_tags('page_budget') }}
+{% endblock %}
+
+{% block css %}
+    {{ encore_entry_link_tags('page_budget') }}
+{% endblock %}
+
 {% block content %}
 <h1>{{ title }}</h1>
 
diff --git a/src/Bundle/ChillBudgetBundle/Resources/views/Person/index.html.twig b/src/Bundle/ChillBudgetBundle/Resources/views/Person/index.html.twig
index 306b7dafc..a5828f5be 100644
--- a/src/Bundle/ChillBudgetBundle/Resources/views/Person/index.html.twig
+++ b/src/Bundle/ChillBudgetBundle/Resources/views/Person/index.html.twig
@@ -4,6 +4,14 @@
 {% set title = 'Budget for %name%'|trans({ '%name%' : person.firstName ~ " " ~ person.lastName } ) %}
 {% block title title %}
 
+{% block js %}
+{{ encore_entry_script_tags('page_budget') }}
+{% endblock %}
+
+{% block css %}
+    {{ encore_entry_link_tags('page_budget') }}
+{% endblock %}
+
 {% block content %}
 <h1>{{ title }}</h1>
 
diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/chill_variables.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/chill_variables.scss
index db41c5050..2f113f45b 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/chill_variables.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/chill_variables.scss
@@ -11,5 +11,7 @@ $chill-household-context: #929d69;
 $social-issue-color: #4bafe8;
 $social-action-color: $orange;
 $activity-color: yellowgreen;
+
+// budget colors
 $budget-resource-color: #6d9e63;
-$budget-charge-color: #e03851;
+$budget-charge-color: #e03851;
\ No newline at end of file