diff --git a/components/02_Molecules/securityMeasureList/_securityMeasureList.scss b/components/02_Molecules/securityMeasureList/_securityMeasureList.scss index fc3507d..9cd0ae1 100644 --- a/components/02_Molecules/securityMeasureList/_securityMeasureList.scss +++ b/components/02_Molecules/securityMeasureList/_securityMeasureList.scss @@ -1,11 +1,12 @@ .LP-SecurityMeasure__List{ list-style-type: none; display: flex; + flex-wrap: wrap; padding:0; margin: 0; .LP-SecurityMeasure__Item{ - margin: 0 5px; + margin: 5px 5px; padding: 5px 8px; background-color: #D7CEC7; .LP-Text{ diff --git a/public/components.css b/public/components.css index b68a68a..ef6a29f 100644 --- a/public/components.css +++ b/public/components.css @@ -83,10 +83,11 @@ .LP-SecurityMeasure__List { list-style-type: none; display: flex; + flex-wrap: wrap; padding: 0; margin: 0; } .LP-SecurityMeasure__List .LP-SecurityMeasure__Item { - margin: 0 5px; + margin: 5px 5px; padding: 5px 8px; background-color: #D7CEC7; } .LP-SecurityMeasure__List .LP-SecurityMeasure__Item .LP-Text {