Fix minor css bugs

diff --git a/src/app/molecules/image-lightbox/ImageLightbox.scss b/src/app/molecules/image-lightbox/ImageLightbox.scss
index 5a900b98e63b34296d4b6b86a9f5597ee928ef80..05520c86ca3cc86a1dff597680a034376e35b65d 100644 (file)
--- a/src/app/molecules/image-lightbox/ImageLightbox.scss
+++ b/src/app/molecules/image-lightbox/ImageLightbox.scss
@@ -41,7 +41,7 @@
   max-height: 90vh;
 
   & img {
-    background-color: black;
+    background-color: var(--bg-surface-low);
     object-fit: contain;
     max-width: 100%;
     max-height: 100%;

diff --git a/src/app/organisms/room/RoomViewInput.scss b/src/app/organisms/room/RoomViewInput.scss
index 598c52741fe7d103998e5e47ad3649791e1377ae..9fb7c4dea5a07ba775c0a31e5355debf446ca1d9 100644 (file)
--- a/src/app/organisms/room/RoomViewInput.scss
+++ b/src/app/organisms/room/RoomViewInput.scss
@@ -70,6 +70,7 @@
   &__preview > img {
     max-height: 40px;
     border-radius: var(--bo-radius);
+    max-width: 150px;
   }
   &__icon {
     padding: var(--sp-extra-tight);