diff --git a/packages/calendars/CHANGELOG.md b/packages/calendars/CHANGELOG.md
index 4ae2fcaef..6fd33ee68 100644
--- a/packages/calendars/CHANGELOG.md
+++ b/packages/calendars/CHANGELOG.md
@@ -1,5 +1,23 @@
 # @bubbles-ui/calendars
 
+## 1.2.54
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/components@1.2.54
+  - @bubbles-ui/icons@1.2.54
+
+## 1.2.53
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/components@1.2.53
+  - @bubbles-ui/icons@1.2.53
+
 ## 1.2.52
 
 ### Patch Changes
diff --git a/packages/calendars/package.json b/packages/calendars/package.json
index 50c8aa63c..3ab2a7d2f 100644
--- a/packages/calendars/package.json
+++ b/packages/calendars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bubbles-ui/calendars",
-  "version": "1.2.52",
+  "version": "1.2.54",
   "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -59,8 +59,8 @@
     "rrule": "^2.6.8"
   },
   "peerDependencies": {
-    "@bubbles-ui/components": "^1.2.52",
-    "@bubbles-ui/icons": "^1.2.52",
+    "@bubbles-ui/components": "^1.2.54",
+    "@bubbles-ui/icons": "^1.2.54",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "webpack": "*"
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index 05736282c..30927ae33 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @bubbles-ui/components
 
+## 1.2.54
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/icons@1.2.54
+
+## 1.2.53
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/icons@1.2.53
+
 ## 1.2.52
 
 ### Patch Changes
diff --git a/packages/components/package.json b/packages/components/package.json
index f1e75b27e..5cb8ce02f 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bubbles-ui/components",
-  "version": "1.2.52",
+  "version": "1.2.54",
   "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -61,7 +61,7 @@
     "chromatic": "npx chromatic --project-token=7b10302a7b6b --build-script-name=build:storybook:raw"
   },
   "dependencies": {
-    "@bubbles-ui/icons": "^1.2.52",
+    "@bubbles-ui/icons": "^1.2.54",
     "@emotion/react": "^11.10.0",
     "@heroicons/react": "^1.0.5",
     "@hookform/resolvers": "^3.3.2",
diff --git a/packages/components/src/layout/TotalLayout/TotalLayout.js b/packages/components/src/layout/TotalLayout/TotalLayout.js
index d3dad789b..2c9a327ea 100644
--- a/packages/components/src/layout/TotalLayout/TotalLayout.js
+++ b/packages/components/src/layout/TotalLayout/TotalLayout.js
@@ -42,7 +42,7 @@ const TotalLayout = ({
 }) => {
   const form = useFormContext();
   const [topScroll, setTopScroll] = React.useState(false);
-  const [showFooterShadow, setShowFooterShadow] = React.useState(false);
+  const [showFooterBorder, setShowFooterBorder] = React.useState(false);
   const [lastValidStep, setLastValidStep] = React.useState(false);
 
   const footerLeftOffset = showStepper && 192 + 16; // Stepper plus margin (16) : margin
@@ -78,9 +78,9 @@ const TotalLayout = ({
 
       const atTheBottom = scrollHeight - scrollTop === clientHeight;
       const isScrollable = scrollHeight > clientHeight;
-      if (isScrollable && !atTheBottom && !showFooterShadow) setShowFooterShadow(true);
-      else if ((!isScrollable && showFooterShadow) || (atTheBottom && showFooterShadow))
-        setShowFooterShadow(false);
+      if (isScrollable && !atTheBottom && !showFooterBorder) setShowFooterBorder(true);
+      else if ((!isScrollable && showFooterBorder) || (atTheBottom && showFooterBorder))
+        setShowFooterBorder(false);
     }
   };
   React.useEffect(() => {
@@ -175,7 +175,7 @@ const TotalLayout = ({
           <Footer
             leftOffset={footerLeftOffset}
             activeStep={activeStep}
-            showFooterShadow={showFooterShadow}
+            showFooterBorder={showFooterBorder}
             onBack={handlePrev}
             onNext={() => validateAndAct(handleNext)}
             finalActions={finalActions}
diff --git a/packages/components/src/layout/TotalLayout/TotalLayout.stories.js b/packages/components/src/layout/TotalLayout/TotalLayout.stories.js
index 2182890bb..1b9c66817 100644
--- a/packages/components/src/layout/TotalLayout/TotalLayout.stories.js
+++ b/packages/components/src/layout/TotalLayout/TotalLayout.stories.js
@@ -135,15 +135,6 @@ const Template = () => {
     console.log('Form values to SAVE as draft', formValues);
   };
 
-  const handleOnSave = () => {
-    setModalContent({
-      title: 'Guardar Borrador',
-      body: 'Guardando Borrador',
-      action: saveDraft,
-    });
-    setOpenModal(true);
-  };
-
   const handlePublish = async () => {
     console.log('Form values to PUBLISH:', formValues);
   };
@@ -187,7 +178,7 @@ const Template = () => {
           footerActionsLabels={footerActionsLabels}
           footerFinalActions={footerFinalActions}
           minStepNumberForDraftSave={1}
-          onSave={handleOnSave}
+          onSave={saveDraft}
           initialStepsInfo={initialStepsInfo}
           onCancel={onCancel}
           isLoading={false}
diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutFooter.js b/packages/components/src/layout/TotalLayout/TotalLayoutFooter.js
index 35fb82c4c..85e7509c3 100644
--- a/packages/components/src/layout/TotalLayout/TotalLayoutFooter.js
+++ b/packages/components/src/layout/TotalLayout/TotalLayoutFooter.js
@@ -9,7 +9,7 @@ import { TOTAL_LAYOUT_FOOTER_PROP_TYPES } from './TotalLayout.constants';
 const TotalLayoutFooter = ({
   leftOffset,
   activeStep,
-  showFooterShadow,
+  showFooterBorder,
   onBack,
   onNext,
   finalActions,
@@ -20,7 +20,7 @@ const TotalLayoutFooter = ({
   isLoading,
 }) => {
   const { classes } = TotalLayoutFooterStyles(
-    { showFooterShadow, leftOffset },
+    { showFooterBorder, leftOffset },
     { name: 'TotalLayoutFooter' },
   );
 
diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.constants.js b/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.constants.js
index aef8cddd6..61996c45c 100644
--- a/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.constants.js
+++ b/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.constants.js
@@ -10,8 +10,8 @@ export const TOTAL_LAYOUT_HEADER_PROP_TYPES = {
 };
 
 export const TOTAL_LAYOUT_HEADER_DEFAULT_PROPS = {
-  title: 'Title',
+  title: '',
   icon: <Icon />,
-  formTitlePlaceholder: 'User input placeholder',
+  formTitlePlaceholder: '',
   compact: false,
 };
diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js
index 7239af793..fee16e53a 100644
--- a/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js
+++ b/packages/components/src/layout/TotalLayout/TotalLayoutStepContainer/TotalLayoutStepContainer.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Text } from '../../../typography';
 import { Stack } from '../../Stack';
 import {
diff --git a/packages/editors/CHANGELOG.md b/packages/editors/CHANGELOG.md
index 0e2a77d24..c7f3fb79b 100644
--- a/packages/editors/CHANGELOG.md
+++ b/packages/editors/CHANGELOG.md
@@ -1,5 +1,23 @@
 # @bubbles-ui/editors
 
+## 1.2.54
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/components@1.2.54
+  - @bubbles-ui/icons@1.2.54
+
+## 1.2.53
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/components@1.2.53
+  - @bubbles-ui/icons@1.2.53
+
 ## 1.2.52
 
 ### Patch Changes
diff --git a/packages/editors/package.json b/packages/editors/package.json
index 3e987b33d..030c308d6 100644
--- a/packages/editors/package.json
+++ b/packages/editors/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bubbles-ui/editors",
-  "version": "1.2.52",
+  "version": "1.2.54",
   "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -79,8 +79,8 @@
     "styled-icons": "^10.45.0"
   },
   "peerDependencies": {
-    "@bubbles-ui/components": "^1.2.52",
-    "@bubbles-ui/icons": "^1.2.52",
+    "@bubbles-ui/components": "^1.2.54",
+    "@bubbles-ui/icons": "^1.2.54",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "webpack": "*"
diff --git a/packages/extras/CHANGELOG.md b/packages/extras/CHANGELOG.md
index f1682582c..55677adbd 100644
--- a/packages/extras/CHANGELOG.md
+++ b/packages/extras/CHANGELOG.md
@@ -1,5 +1,23 @@
 # @bubbles-ui/extras
 
+## 1.2.54
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/components@1.2.54
+  - @bubbles-ui/icons@1.2.54
+
+## 1.2.53
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/components@1.2.53
+  - @bubbles-ui/icons@1.2.53
+
 ## 1.2.52
 
 ### Patch Changes
diff --git a/packages/extras/package.json b/packages/extras/package.json
index bfff2485e..5b3562adb 100644
--- a/packages/extras/package.json
+++ b/packages/extras/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bubbles-ui/extras",
-  "version": "1.2.52",
+  "version": "1.2.54",
   "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -53,8 +53,8 @@
     "swiper": "^8.1.4"
   },
   "peerDependencies": {
-    "@bubbles-ui/components": "^1.2.52",
-    "@bubbles-ui/icons": "^1.2.52",
+    "@bubbles-ui/components": "^1.2.54",
+    "@bubbles-ui/icons": "^1.2.54",
     "@mantine/core": "5.2.4",
     "@mantine/hooks": "5.2.4",
     "react": "^17.0.1",
diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md
index 88bb2534f..3fae0011a 100644
--- a/packages/icons/CHANGELOG.md
+++ b/packages/icons/CHANGELOG.md
@@ -1,5 +1,17 @@
 # @bubbles-ui/icons
 
+## 1.2.54
+
+### Patch Changes
+
+- Versions bump
+
+## 1.2.53
+
+### Patch Changes
+
+- Versions bump
+
 ## 1.2.52
 
 ### Patch Changes
diff --git a/packages/icons/package.json b/packages/icons/package.json
index 0a79578c4..91f8161be 100644
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bubbles-ui/icons",
-  "version": "1.2.52",
+  "version": "1.2.54",
   "description": "The Bubbles Design System icons library.",
   "license": "MIT",
   "repository": {
diff --git a/packages/leemons/CHANGELOG.md b/packages/leemons/CHANGELOG.md
index e953765e6..1340debb5 100644
--- a/packages/leemons/CHANGELOG.md
+++ b/packages/leemons/CHANGELOG.md
@@ -1,5 +1,27 @@
 # @bubbles-ui/leemons
 
+## 1.2.54
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/components@1.2.54
+  - @bubbles-ui/calendars@1.2.54
+  - @bubbles-ui/editors@1.2.54
+  - @bubbles-ui/icons@1.2.54
+
+## 1.2.53
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/components@1.2.53
+  - @bubbles-ui/calendars@1.2.53
+  - @bubbles-ui/editors@1.2.53
+  - @bubbles-ui/icons@1.2.53
+
 ## 1.2.52
 
 ### Patch Changes
diff --git a/packages/leemons/package.json b/packages/leemons/package.json
index c9702891b..f54c06648 100644
--- a/packages/leemons/package.json
+++ b/packages/leemons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bubbles-ui/leemons",
-  "version": "1.2.52",
+  "version": "1.2.54",
   "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -74,10 +74,10 @@
     "ajv": "6.12.6"
   },
   "peerDependencies": {
-    "@bubbles-ui/calendars": "^1.2.52",
-    "@bubbles-ui/components": "^1.2.52",
-    "@bubbles-ui/editors": "^1.2.52",
-    "@bubbles-ui/icons": "^1.2.52",
+    "@bubbles-ui/calendars": "^1.2.54",
+    "@bubbles-ui/components": "^1.2.54",
+    "@bubbles-ui/editors": "^1.2.54",
+    "@bubbles-ui/icons": "^1.2.54",
     "dayjs": "^1.10.7",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
diff --git a/packages/notifications/CHANGELOG.md b/packages/notifications/CHANGELOG.md
index b41b55b22..96ac8ad9c 100644
--- a/packages/notifications/CHANGELOG.md
+++ b/packages/notifications/CHANGELOG.md
@@ -1,5 +1,23 @@
 # @bubbles-ui/notifications
 
+## 1.2.54
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/components@1.2.54
+  - @bubbles-ui/icons@1.2.54
+
+## 1.2.53
+
+### Patch Changes
+
+- Versions bump
+- Updated dependencies
+  - @bubbles-ui/components@1.2.53
+  - @bubbles-ui/icons@1.2.53
+
 ## 1.2.52
 
 ### Patch Changes
diff --git a/packages/notifications/package.json b/packages/notifications/package.json
index bb0a97172..f4d220f9c 100644
--- a/packages/notifications/package.json
+++ b/packages/notifications/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bubbles-ui/notifications",
-  "version": "1.2.52",
+  "version": "1.2.54",
   "description": "The Bubbles Design System is Leemonade's open-source design system for products and experiences.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -52,8 +52,8 @@
     "react-transition-group": "^4.4.2"
   },
   "peerDependencies": {
-    "@bubbles-ui/components": "^1.2.52",
-    "@bubbles-ui/icons": "^1.2.52",
+    "@bubbles-ui/components": "^1.2.54",
+    "@bubbles-ui/icons": "^1.2.54",
     "@mantine/core": "5.2.4",
     "@mantine/hooks": "5.2.4",
     "react": "^17.0.1",
diff --git a/tokens.json b/tokens.json
index d302fe6fd..7df5c1ff3 100644
--- a/tokens.json
+++ b/tokens.json
@@ -5940,7 +5940,7 @@
             "type": "color"
           },
           "muted": {
-            "value": "{global.content.color.text.muted}",
+            "value": "{global.content.color.text.default}",
             "type": "color"
           },
           "icon": {
@@ -6239,7 +6239,7 @@
             "type": "color"
           },
           "muted": {
-            "value": "{global.content.color.text.muted}",
+            "value": "{global.content.color.text.default}",
             "type": "color"
           },
           "icon": {
@@ -6554,6 +6554,10 @@
   },
   "$themes": [],
   "$metadata": {
-    "tokenSetOrder": ["core", "global", "component"]
+    "tokenSetOrder": [
+      "core",
+      "global",
+      "component"
+    ]
   }
-}
+}
\ No newline at end of file