chore: remove the thinner border

Author: kemuru

web/src/components/DisputeView/DisputeCardView.tsx

@@ -17,16 +17,9 @@ import PeriodBanner from "./PeriodBanner";
 
 const StyledCard = styled(Card)`
   ${hoverShortTransitionTiming}
-  border-width: 0.5px;
   width: 100%;
   height: 100%;
   min-height: 290px;
-
-  ${landscapeStyle(
-    () => css`
-      border-width: 1px;
-    `
-  )}
 `;
 
 const CardContainer = styled.div`

web/src/pages/Home/Community/index.tsx

@@ -28,15 +28,13 @@ const StyledCard = styled(Card)`
   flex-wrap: wrap;
   padding: 16px;
   align-items: flex-start;
-  border-width: 0.5px;
 
   ${landscapeStyle(
     () => css`
       flex-direction: row;
       justify-content: space-between;
       gap: 20px;
       padding: 24px 32px;
-      border-width: 1px;
     `
   )}
 `;

web/src/pages/Home/CourtOverview/Stats.tsx

@@ -23,7 +23,6 @@ import StatDisplay, { IStatDisplay } from "components/StatDisplay";
 import { StyledSkeleton } from "components/StyledSkeleton";
 
 const StyledCard = styled(Card)`
-  border-width: 0.5px;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
   width: auto;
@@ -33,7 +32,6 @@ const StyledCard = styled(Card)`
 
   ${landscapeStyle(
     () => css`
-      border-width: 1px;
       padding: 24px;
     `
   )}

web/src/pages/Home/TopJurors/Header/MobileHeader.tsx

@@ -14,11 +14,12 @@ const Container = styled.div`
   width: 100%;
   background-color: ${({ theme }) => theme.lightBlue};
   padding: 16px;
-  border 0.5px solid ${({ theme }) => theme.stroke};
+  border 1px solid ${({ theme }) => theme.stroke};
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   border-bottom: none;
   flex-wrap: wrap;
+
   ${landscapeStyle(
     () => css`
       display: none;

web/src/pages/Home/TopJurors/JurorCard/MobileCard.tsx

@@ -21,7 +21,7 @@ const Container = styled.div`
   width: 100%;
   background-color: ${({ theme }) => theme.whiteBackground};
   padding: 8px 16px 12px;
-  border: 0.5px solid ${({ theme }) => theme.stroke};
+  border: 1px solid ${({ theme }) => theme.stroke};
   border-top: none;
   align-items: center;
   gap: 16px;