How to remove padding/margin from labels in xAxis in rechart?

I have this graph and I want the first xAxis label to start at the beginning of the last horizontal line (Please see image). I want letter “N” from November to start at the beginning of the line. Can someone point me in the right direction, please? Thanks a lot in advance!

This is what my simple graph looks like:

 <div style={{ paddingTop: '16px', marginRight: '0px' }}>
      <ResponsiveContainer width="100%" height={400}>
      <LineChart
        margin={{
          top: 15,
          right: 45,
          left: 0,
          bottom: 24,
        }}
        data={points}
      >
        <CartesianGrid stroke={palette.border.primary} vertical={false} />
        <XAxis
          type="number"
          dataKey="date"
          tickLine={false}
          tickFormatter={unixDateFormatter}
          stroke={palette.border.primary}
          tickCount={6}
          ticks={generateTicks(points, 6)}
          domain={['dataMin', 'dataMax']}
          tick={{ fill: palette.text.primary }}
          fontSize={11}
          dy={5}
        />
        <YAxis
          dataKey="score"
          tickLine={false}
          axisLine={false}
          domain={[0, 1000]}
          tickCount={11}
          tick={<RiskScoreAxisTick />}
        />

and this my Graph: