Update again disabled styles

lexicongovernance · May 2, 2024 · 4c4c988 · 4c4c988
1 parent 3a5e627
commit 4c4c988
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/berlin/src/components/button/Button.styled.tsx b/packages/berlin/src/components/button/Button.styled.tsx
@@ -13,10 +13,10 @@ export const StyledButton = styled.button<StyledButtonProps>`
   text-transform: uppercase;
 
   &:disabled {
-    background-color: var(--color-gray);
+    opacity: 0.5;
     cursor: not-allowed;
     &:hover {
-      opacity: 1;
+      opacity: 0.5;
     }
   }
 
@@ -69,9 +69,10 @@ export const StyledButton = styled.button<StyledButtonProps>`
       &:disabled {
         background-color: transparent;
         user-select: none;
-        cursor: pointer;
+        opacity: 0.5;
+        cursor: default;
         &:hover {
-          opacity: 1;
+          opacity: 0.5;
         }
       }
     `}