Cards scale down when selected

src/styles/components/favoriteButton.scss

@@ -23,8 +23,7 @@
 }
 
 //Between lg and xl
-//@media screen and (min-width: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
-@media screen and (min-width: 1024px) and (max-width: 1680px) {
+@media screen and (min-width: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
   .favorite-button-heart {
     height: 24px * $favorite-button-lg-scale !important;
     width: 24px * $favorite-button-lg-scale !important;
@@ -33,8 +32,7 @@
 }
 
 //Under lg
-//@media screen and (max-width: map-get($breakpoints, lg)) {
-@media screen and (max-width: 1024px) {
+@media screen and (max-width: map-get($breakpoints, lg)) {
   .favorite-button-heart {
     height: 24px * $favorite-button-sm-scale !important;
     width: 24px * $favorite-button-sm-scale !important;

src/styles/components/sidebar.scss

@@ -65,7 +65,7 @@
     display: flex;
     height:32px;
 }
-@media screen and (max-width: map-get($breakpoints, lg)) {
+@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
   .sidebar-root {
     display: none !important;
   }

src/styles/containers/facilityCard.scss

 @import '../_variables.scss';
+@import '../_mixins.scss';
 
 .fc-root {
   width: 250px;
@@ -88,10 +89,19 @@
   overflow: hidden;
 }
 
+//Above lg
+@media screen and (min-width: map-get($breakpoints, lg)) {
+  .fc-root {
+    @include transition(150ms ease-in-out);
+
+    &.fc-selected {
+      transform: scale(.9);
+    }
+  }
+}
+
 //Between lg and xl
-// (min-width: 1024px) and (max-width: 1680px) 
-//@media screen and (min-width: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
-@media screen and (min-width: 1024px) and (max-width: 1680px) {
+@media screen and (min-width: map-get($breakpoints, lg)) and (max-width: map-get($breakpoints, xl)) {
   .fc-root {
     width: 250px * $fc-lg-scale;
     height: 230px;
@@ -129,9 +139,7 @@
 }
 
 //Under lg
-// (max-width: 1024px)
-//@media screen and (max-width: map-get($breakpoints, lg)) {
-@media screen and (max-width: 1024px) {
+@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
   .fc-root {
     &.fc-selected {
       .fc-one-line-ellipsis {

src/styles/containers/layout.scss

+@import '../_variables.scss';
+
 .layout-root {
   padding-top: 64px;
   box-sizing: border-box;
@@ -54,7 +56,7 @@
   overflow-x: hidden;
 }
 
-@media screen and (max-width: 960px) {
+@media screen and (max-width: map-get($breakpoints, lg) - 1px) {
   .layout-sidebar-toggle-container {
     display: none;
   }