fix: layout shit button on hover (#34)

eleven-labs · Mar 7, 2023 · db04bf1 · db04bf1
1 parent d2bcc32
commit db04bf1
Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@eleven-labs/design-system",
   "description": "Design System for Eleven Labs",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/eleven-labs/design-system.git"

diff --git a/src/components/Atoms/Button/Button.scss b/src/components/Atoms/Button/Button.scss
@@ -1,7 +1,8 @@
 .button {
   $this: &;
 
-  display: inline-block;
+  display: inline-flex;
+  flex-direction: column;
   padding: var(--spacing-xxs) var(--spacing-m);
   background: var(--background-color-button, var(--color-amaranth));
   color: var(--color-button, var(--color-white));

diff --git a/src/components/Atoms/Button/Button.tsx b/src/components/Atoms/Button/Button.tsx
@@ -24,6 +24,7 @@ export const Button = forwardRef<ButtonProps, 'button'>(
       as={as}
       ref={ref}
       textSize="s"
+      data-text={typeof children === 'string' ? children : ''}
       className={classNames(
         'button',
         {