diff --git a/src/components/Inputs/Button.tsx b/src/components/Inputs/Button.tsx
index bc19948..9d1cba0 100644
--- a/src/components/Inputs/Button.tsx
+++ b/src/components/Inputs/Button.tsx
@@ -42,7 +42,7 @@ export function Button(props: Immutable<Props>): JSX.Element {
       place-items-center gap-2 rounded-full border-[1px] border-dark px-4 pt-[0.4rem]
       pb-[0.5rem] text-dark transition-all hover:[--opacityBadge:0] ${className} ${
         active
-          ? "cursor-not-allowed !border-black bg-black text-light drop-shadow-black-lg"
+          ? "!border-black bg-black text-light drop-shadow-black-lg"
           : `cursor-pointer hover:bg-dark hover:text-light hover:drop-shadow-shade-lg
           active:border-black active:bg-black active:text-light active:drop-shadow-black-lg`
       }`}
@@ -52,11 +52,11 @@ export function Button(props: Immutable<Props>): JSX.Element {
           className="absolute -top-3 -right-2 grid h-8 w-8 place-items-center rounded-full bg-dark
           font-bold text-light opacity-[var(--opacityBadge)] transition-opacity"
         >
-          {badgeNumber}
+          <p className="-translate-y-[0.05em]">{badgeNumber}</p>
         </div>
       )}
-      {icon && <Ico icon={icon} />}
-      {text && <p>{text}</p>}
+      {icon && <Ico className="translate-y-[0.04em]" icon={icon} />}
+      {text && <p className="-translate-y-[0.05em]">{text}</p>}
     </div>
   );