diff --git a/docs/package.json b/docs/package.json
index 4b5452b2..75632ae0 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "private": true,
   "description": "Buffetjs Documentation",
   "main": "index.js",
@@ -13,11 +13,11 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@buffetjs/core": "3.3.7",
-    "@buffetjs/custom": "3.3.7",
-    "@buffetjs/hooks": "3.3.7",
-    "@buffetjs/icons": "3.3.7",
-    "@buffetjs/styles": "3.3.7",
+    "@buffetjs/core": "3.3.8",
+    "@buffetjs/custom": "3.3.8",
+    "@buffetjs/hooks": "3.3.8",
+    "@buffetjs/icons": "3.3.8",
+    "@buffetjs/styles": "3.3.8",
     "@fortawesome/free-solid-svg-icons": "^5.11.2",
     "@fortawesome/react-fontawesome": "^0.1.4",
     "bootstrap": "^4.3.1",
diff --git a/docs/stories/components/Toggle.stories.js b/docs/stories/components/Toggle.stories.js
index 4f47e692..1a37948a 100644
--- a/docs/stories/components/Toggle.stories.js
+++ b/docs/stories/components/Toggle.stories.js
@@ -51,7 +51,7 @@ function ToggleStory() {
       <Pre>
         {`
 import React, { useState } from 'react';
-import { Toggle } from '@buffet/core';
+import { Toggle } from '@buffetjs/core';
 
 function Example() {
   const [val, setValue] = useState(${initValue});
diff --git a/lerna.json b/lerna.json
index f32e8b3c..3504307c 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,5 +1,5 @@
 {
-  "version": "3.3.7",
+  "version": "3.3.8",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "packages": [
diff --git a/packages/buffetjs-core/package.json b/packages/buffetjs-core/package.json
index b5833f52..5ba04a04 100644
--- a/packages/buffetjs-core/package.json
+++ b/packages/buffetjs-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@buffetjs/core",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "description": "Buffetjs Core Components",
   "main": "build",
   "module": "build/esm/index.js",
@@ -31,10 +31,10 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@buffetjs/hooks": "3.3.7",
-    "@buffetjs/icons": "3.3.7",
-    "@buffetjs/styles": "3.3.7",
-    "@buffetjs/utils": "3.3.7",
+    "@buffetjs/hooks": "3.3.8",
+    "@buffetjs/icons": "3.3.8",
+    "@buffetjs/styles": "3.3.8",
+    "@buffetjs/utils": "3.3.8",
     "@fortawesome/fontawesome-svg-core": "^1.2.25",
     "@fortawesome/free-regular-svg-icons": "^5.11.2",
     "@fortawesome/free-solid-svg-icons": "^5.11.2",
diff --git a/packages/buffetjs-custom/package.json b/packages/buffetjs-custom/package.json
index ea25bb77..60bf5d62 100644
--- a/packages/buffetjs-custom/package.json
+++ b/packages/buffetjs-custom/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@buffetjs/custom",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "description": "Buffetjs Custom Components",
   "main": "build",
   "module": "build/esm/index.js",
@@ -31,9 +31,9 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@buffetjs/core": "3.3.7",
-    "@buffetjs/styles": "3.3.7",
-    "@buffetjs/utils": "3.3.7",
+    "@buffetjs/core": "3.3.8",
+    "@buffetjs/styles": "3.3.8",
+    "@buffetjs/utils": "3.3.8",
     "lodash": "4.17.21",
     "moment": "^2.24.0",
     "prop-types": "^15.5.10",
diff --git a/packages/buffetjs-hooks/package.json b/packages/buffetjs-hooks/package.json
index 9dff8a81..47d3e443 100644
--- a/packages/buffetjs-hooks/package.json
+++ b/packages/buffetjs-hooks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@buffetjs/hooks",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "description": "Buffetjs react-hooks",
   "main": "build",
   "module": "build/esm/index.js",
diff --git a/packages/buffetjs-icons/package.json b/packages/buffetjs-icons/package.json
index 0c822259..44ec0533 100644
--- a/packages/buffetjs-icons/package.json
+++ b/packages/buffetjs-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@buffetjs/icons",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "description": "Icons kit",
   "main": "build",
   "module": "build/esm/index.js",
diff --git a/packages/buffetjs-styles/package.json b/packages/buffetjs-styles/package.json
index 45014b7b..f414d470 100644
--- a/packages/buffetjs-styles/package.json
+++ b/packages/buffetjs-styles/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@buffetjs/styles",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "description": "Buffetjs Styles - The styling solution of Buffetjs",
   "main": "build",
   "module": "build/esm/index.js",
diff --git a/packages/buffetjs-styles/src/components/Button/index.js b/packages/buffetjs-styles/src/components/Button/index.js
index b82b7d63..5901689a 100644
--- a/packages/buffetjs-styles/src/components/Button/index.js
+++ b/packages/buffetjs-styles/src/components/Button/index.js
@@ -12,7 +12,7 @@ import mixins from '../../assets/styles/mixins';
 
 const Button = styled.button`
   /* General style */
-  display: flex;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
   height: ${sizes.button.height.large};
diff --git a/packages/buffetjs-styles/src/components/Button/tests/__snapshots__/index.test.js.snap b/packages/buffetjs-styles/src/components/Button/tests/__snapshots__/index.test.js.snap
index 0f0a8d36..c04b6cc4 100644
--- a/packages/buffetjs-styles/src/components/Button/tests/__snapshots__/index.test.js.snap
+++ b/packages/buffetjs-styles/src/components/Button/tests/__snapshots__/index.test.js.snap
@@ -2,10 +2,10 @@
 
 exports[`<Button /> <Button /> icons should render a custom icon 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -58,10 +58,10 @@ exports[`<Button /> <Button /> icons should render a custom icon 1`] = `
 
 exports[`<Button /> <Button /> icons should render the add icon 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -114,10 +114,10 @@ exports[`<Button /> <Button /> icons should render the add icon 1`] = `
 
 exports[`<Button /> <Button /> icons should render the add trash 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
diff --git a/packages/buffetjs-utils/package.json b/packages/buffetjs-utils/package.json
index 47f9d898..203d901a 100644
--- a/packages/buffetjs-utils/package.json
+++ b/packages/buffetjs-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@buffetjs/utils",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "description": "Buffetjs Utils",
   "main": "build",
   "module": "build/esm/index.js",
diff --git a/website/package.json b/website/package.json
index 2501c905..c38dd40a 100644
--- a/website/package.json
+++ b/website/package.json
@@ -2,12 +2,12 @@
   "name": "buffetjs-website",
   "private": true,
   "description": "The website which presents the Buffet.js library and the concepts/philosophy",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "author": "Strapi Team <hi@strapi.io>",
   "dependencies": {
-    "@buffetjs/core": "3.3.7",
-    "@buffetjs/custom": "3.3.7",
-    "@buffetjs/styles": "3.3.7",
+    "@buffetjs/core": "3.3.8",
+    "@buffetjs/custom": "3.3.8",
+    "@buffetjs/styles": "3.3.8",
     "babel-plugin-styled-components": "^1.10.0",
     "chalk": "^2.4.2",
     "gatsby": "^2.3.25",