(css) remove !important

Author: antoine92190

src/ChatWindow/MessagesList.vue

@@ -15,7 +15,7 @@
 			<div
 				v-if="room.avatar"
 				class="room-avatar"
-				:style="{ background: `url(${room.avatar})` }"
+				:style="{ 'background-image': `url(${room.avatar})` }"
 			></div>
 			<div class="room-name">{{ room.roomName }}</div>
 			<div

src/ChatWindow/RoomsList.vue

@@ -37,7 +37,7 @@
 				<div
 					v-if="room.avatar"
 					class="room-avatar"
-					:style="{ background: `url(${room.avatar})` }"
+					:style="{ 'background-image': `url(${room.avatar})` }"
 				></div>
 				<div class="name-container">
 					<div class="title-container">

src/styles/helper.scss

@@ -38,9 +38,10 @@
 }
 
 .room-avatar {
-	background-size: cover !important;
-	background-position: center center !important;
-	background-repeat: no-repeat !important;
+	background-size: cover;
+	background-position: center center;
+	background-repeat: no-repeat;
+	background-color: #9ca6af;
 	height: 42px;
 	width: 42px;
 	margin-right: 15px;