RenderFlex overflowed in Skills Required

[Daniyar111]

flutter: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
flutter: The following message was thrown during layout:
flutter: A RenderFlex overflowed by 21 pixels on the right.
flutter:
flutter: The overflowing RenderFlex has an orientation of Axis.horizontal.
flutter: The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
flutter: black striped pattern. This is usually caused by the contents being too big for the RenderFlex.
flutter: Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the
flutter: RenderFlex to fit within the available space instead of being sized to their natural size.
flutter: This is considered an error condition because it indicates that there is content that cannot be
flutter: seen. If the content is legitimately bigger than the available space, consider clipping it with a
flutter: ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex,
flutter: like a ListView.
flutter: The specific RenderFlex in question is:
flutter: RenderFlex#2f6d7 relayoutBoundary=up11 OVERFLOWING
flutter: creator: Row ← Padding ← Column ← DecoratedBox ← Container ← ClipRRect ← ConstrainedBox ← Align ←
flutter: LayoutBuilder ← RpgLayoutBuilder ← TeamPickerModal ← DefaultTextStyle ← ⋯
flutter: parentData: offset=Offset(15.0, 0.0) (can use size)
flutter: constraints: BoxConstraints(w=370.0, 0.0<=h<=Infinity)
flutter: size: Size(370.0, 32.0)
flutter: direction: horizontal
flutter: mainAxisAlignment: start
flutter: mainAxisSize: max
flutter: crossAxisAlignment: center
flutter: textDirection: ltr
flutter: verticalDirection: down