Fixed button with its width is longer then expected

Lodestone-Team · Feb 22, 2023 · 3479f69 · 3479f69
1 parent 3dfb4a4
commit 3479f69
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/src/components/Atoms/Button.stories.tsx b/src/components/Atoms/Button.stories.tsx
@@ -1,4 +1,5 @@
 // Stories file for Button component
+import { faServer } from '@fortawesome/free-solid-svg-icons';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import Button from './Button';
 
@@ -31,4 +32,5 @@ StartServer.args = {
   onClick: () => {
     console.log('Start Server');
   },
+  icon: faServer,
 };
diff --git a/src/components/Atoms/Button.tsx b/src/components/Atoms/Button.tsx
@@ -109,17 +109,15 @@ const Button = forwardRef(
       >
         {iconComponent}
         {icon && <FontAwesomeIcon icon={icon} className="w-4 opacity-50" />}
-        <div className="flex grow items-center truncate">
-          <div className="relative h-fit w-fit truncate">
-            {loading && (
-              <BeatLoader
-                size={5}
-                color="#6b7280"
-                className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform"
-              />
-            )}
-            <span className={clsx(loading && 'opacity-0')}>{label}</span>
-          </div>
+        <div className="relative h-fit w-fit truncate">
+          {loading && (
+            <BeatLoader
+              size={5}
+              color="#6b7280"
+              className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform"
+            />
+          )}
+          <span className={clsx(loading && 'opacity-0')}>{label}</span>
         </div>
 
         {iconRight && (