diff --git a/client/src/components/rooms/RoomVisibilityWidget.vue b/client/src/components/rooms/RoomVisibilityWidget.vue index 544bdb19..4f41dbc6 100644 --- a/client/src/components/rooms/RoomVisibilityWidget.vue +++ b/client/src/components/rooms/RoomVisibilityWidget.vue @@ -42,6 +42,7 @@ export default { width: 30px; fill: $color-charcoal-dark; margin-right: 15px; + flex-shrink: 0; } & > span { diff --git a/client/src/styles/_room.scss b/client/src/styles/_room.scss index 5388fc67..bdf09125 100644 --- a/client/src/styles/_room.scss +++ b/client/src/styles/_room.scss @@ -44,8 +44,10 @@ justify-content: flex-start; position: relative; - & > :first-child { - margin-left: $large-spacing; + @include desktop { + & > :first-child { + margin-left: $large-spacing; + } } & > :nth-child(2) {