Delete white space margin in svg

Hello! This curve is an SVG but for some reason it has extra space on the sides, does anyone know why?
SandBox (Live Code): black-microservice-h6mfxy - CodeSandbox

SVG Code:

<svg viewBox="0 0 1460 650" fill="none" xmlns="[http://www.w3.org/2000/svg](https://www.w3.org/2000/svg?fbclid=IwAR02m9j6l6yqIaN2b0tFeSWsiN1Fm_xBLwgrBEnvb0RYnJW2wAlyG8abHPM)"
style={{
width:"100%",
height:"auto",
border: 'none',
position: 'relative',
zIndex: '-2',
top: '-95px',
}}
>
<g filter="url([#filter0_d_1431_22274](https://www.facebook.com/hashtag/filter0_d_1431_22274?__eep__=6&__tn__=*NK*F))">
<path d="M1450 7H10V604.21L50 603.01C90 601.81 170 599.41 250 589.21C283.987 584.876 317.974 579.135 351.961 573.394C397.974 565.621 443.987 557.849 490 553.57C570 546.25 650 549.37 730 570.61C758.18 578.091 786.359 587.792 814.539 597.492C866.359 615.33 918.18 631.168 970 635.21C1022.08 639.271 1074.15 631.3 1126.23 621.328C1154.15 615.98 1182.08 610.633 1210 607.45C1290 598.21 1370 606.61 1410 610.81L1450 615.01V7Z" fill="[#2665F6](https://www.facebook.com/hashtag/2665f6?__eep__=6&__tn__=*NK*F)"/>
<path d="M1450 7H10V604.21L50 603.01C90 601.81 170 599.41 250 589.21C283.987 584.876 317.974 579.135 351.961 573.394C397.974 565.621 443.987 557.849 490 553.57C570 546.25 650 549.37 730 570.61C758.18 578.091 786.359 587.792 814.539 597.492C866.359 615.33 918.18 631.168 970 635.21C1022.08 639.271 1074.15 631.3 1126.23 621.328C1154.15 615.98 1182.08 610.633 1210 607.45C1290 598.21 1370 606.61 1410 610.81L1450 615.01V7Z" fill="[#161C28](https://www.facebook.com/hashtag/161c28?__eep__=6&__tn__=*NK*F)" fillOpacity="0.2"/>
<path d="M1450 7H10V604.21L50 603.01C90 601.81 170 599.41 250 589.21C283.987 584.876 317.974 579.135 351.961 573.394C397.974 565.621 443.987 557.849 490 553.57C570 546.25 650 549.37 730 570.61C758.18 578.091 786.359 587.792 814.539 597.492C866.359 615.33 918.18 631.168 970 635.21C1022.08 639.271 1074.15 631.3 1126.23 621.328C1154.15 615.98 1182.08 610.633 1210 607.45C1290 598.21 1370 606.61 1410 610.81L1450 615.01V7Z" fill="url([#paint0_linear_1431_22274](https://www.facebook.com/hashtag/paint0_linear_1431_22274?__eep__=6&__tn__=*NK*F))" fillOpacity="0.2"/>
</g>
<defs>
<filter id="filter0_d_1431_22274" x="0" y="0" width="1460" height="649.292" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
<feFlood floodOpacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3"/>
<feGaussianBlur stdDeviation="5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.223529 0 0 0 0 0.537255 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1431_22274"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1431_22274" result="shape"/>
</filter>
</defs>
</svg>

Did you see this thread, seems like about your issue: