diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
index 34c4328..41a1107 100644
--- a/styles/css/vtex.breadcrumb.css
+++ b/styles/css/vtex.breadcrumb.css
@@ -6,4 +6,8 @@
 1800px + : Big desktop
 */
 /* Media Query M3 */
-/* Grid breakpoints */
\ No newline at end of file
+/* Grid breakpoints */
+.container .link {
+  font-size: 14px;
+  line-height: 19px;
+}
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss
index e69de29..25cc356 100644
--- a/styles/sass/pages/product/vtex.breadcrumb.scss
+++ b/styles/sass/pages/product/vtex.breadcrumb.scss
@@ -0,0 +1,6 @@
+.container {
+  .link {
+    font-size: 14px;
+    line-height: 19px;
+  }
+}
diff --git a/styles/sass/utils/_vars.scss b/styles/sass/utils/_vars.scss
index daf3adb..1af1275 100644
--- a/styles/sass/utils/_vars.scss
+++ b/styles/sass/utils/_vars.scss
@@ -1,16 +1,16 @@
-$color-black: #292929;
+// Colors
 
-$color-white: #fff;
+$white: #fff;
 
-$color-gray: #6c6c6c;
-$color-gray2: #7d7d7d;
-$color-gray3: #f0f0f0;
-$color-gray4: #c4c4c4;
-$color-gray5: #e5e5e5;
+$gray-100: #bfbfbf;
+$gray-200: #b9b9b9;
+$gray-300: #bababa;
+$gray-400: #AFAFAF;
+$gray-500: #929292;
+$gray-600: #575757;
+$gray-700: #202020;
 
-$color-blue: #4267b2;
-
-$color-green: #4caf50;
+$black: #000000;
 
 /* Grid breakpoints */
 $grid-breakpoints: (