Add height to StyledSquare component for consistent button sizing

athrvk · Dec 12, 2024 · d0cec46 · d0cec46
1 parent 583bf17
commit d0cec46
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/frontend/src/components/Game/Square.js b/frontend/src/components/Game/Square.js
@@ -3,6 +3,7 @@ import styled from 'styled-components';
 
 const StyledSquare = styled.button`
   width: 100%;
+  height: 100%;
   aspect-ratio: 1;
   border: ${(props) => props.isWinning ? "4px" : "2px"} solid ${({ theme }) => theme.colors.border};
   background: none;
@@ -14,7 +15,6 @@ const StyledSquare = styled.button`
     props.theme.colors.primary : 
     props.theme.colors.secondary
   };
-  background: 'none';
   transform: ${props => props.isWinning ? 'scale(1.05)' : 'scale(1)'};
 
   &:hover:not(:disabled) {