React Three Fiber Canvas Does Not Shrink

 <div className='p-4 flex flex-col h-screen bg-primaryBackground-dark'>
      <div className='flex flex-1 items-center'>
        <div className='bg-secondaryBackground-dark h-full basis-2/3 shrink-[2] rounded-lg shadow-inner '>
          <Canvas>
            <gridHelper />
            <axesHelper position={[0, 0.01, 0]} />
            <CameraControls />
          </Canvas>
        </div>

        <div className='bg-secondaryBackground-dark h-full basis-1/3 shrink-1 rounded-lg shadow-inner '></div>
      </div>
    </div>