fix plantcardkey horizontalline styling

calblueprint · Dec 13, 2024 · a2513e8 · a2513e8
1 parent 6522de2
commit a2513e8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/components/PlantCardKey/index.tsx b/components/PlantCardKey/index.tsx
@@ -70,7 +70,9 @@ export default function PlantCardKey() {
           <DifficultyBarAndLabel difficultyLevel="HARD" />
         </DifficultyLevelsContainer>
       </Flex>
-      <HorizontalLine />
+      <Flex $px="16px">
+        <HorizontalLine />
+      </Flex>
       <IconKeyContainer>
         <P3 $color={COLORS.shrub} $fontWeight={400}>
           Icon Key

diff --git a/components/PlantCardKey/styles.ts b/components/PlantCardKey/styles.ts
@@ -54,7 +54,6 @@ export const HorizontalLine = styled.div`
   width: 100%;
   height: 1px;
   background-color: #e4e4e4;
-  margin: 0px 16px 0px 16px;
 `;
 
 export const IconKeyContainer = styled.div`