fix: chart size responsiveness issue (#4441)

fixed responsiveness issue

src/components/Tokens/TokenDetails/PriceChart.tsx

@@ -136,7 +136,7 @@ function tickFormat(
   }
 }
 
-const margin = { top: 86, bottom: 48, crosshair: 72 }
+const margin = { top: 100, bottom: 48, crosshair: 72 }
 const timeOptionsHeight = 44
 const crosshairDateOverhang = 80
 
@@ -216,7 +216,7 @@ export function PriceChart({ width, height, token }: PriceChartProps) {
     locale
   )
   const [delta, arrow] = getDelta(startingPrice.value, displayPrice.value)
-  const crosshairEdgeMax = width * 0.97
+  const crosshairEdgeMax = width * 0.85
   const crosshairAtEdge = !!crosshair && crosshair > crosshairEdgeMax
 
   return (

src/components/Tokens/TokenDetails/TokenDetail.tsx

@@ -125,6 +125,7 @@ const TokenSymbol = styled.span`
 `
 export const TopArea = styled.div`
   max-width: 832px;
+  overflow: hidden;
 `
 export const ResourcesContainer = styled.div`
   display: flex;