Hola, alguno me podría decir ¿por qué el background #EAF2FD no me toma todo el ancho de mi página web?

.sobre { display: flex; flex-direction: column; align-items: flex-start; padding: 64px; gap: 10px; width: 100%; height: 220px; background: #EAF2FD; flex: none; order: 2; flex-grow: 0;}

.sobre__mi { padding: 5px; }

.sobre-mi { padding: 5px; font-weight: 400; font-size: 22px; line-height: 26px; color: #464646; flex: none; order: 1; flex-grow: 0; }