From a2513e84ee80143ae5c7f6c83e9c338060e77288 Mon Sep 17 00:00:00 2001
From: Kyle Ramachandran <kyleramachandran@berkeley.edu>
Date: Fri, 13 Dec 2024 11:24:06 -0800
Subject: [PATCH] fix plantcardkey horizontalline styling

---
 components/PlantCardKey/index.tsx | 4 +++-
 components/PlantCardKey/styles.ts | 1 -
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/PlantCardKey/index.tsx b/components/PlantCardKey/index.tsx
index 6aa8c61..672640f 100644
--- 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
index fd29ee0..f50b01a 100644
--- 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`