Fix some styling issues

client/src/components/icons/Cards.vue

@@ -3,7 +3,7 @@
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
     id="shape"
-  ><title>cards</title>
+  >
     <path
       d="M30.89,21v9.67H17.44v9.67H4V79H69.11V69.34H82.56V59.67H96V21Zm3.77,3.77H92.23V55.89H82.56V30.65H34.67ZM21.22,34.43H78.78V65.57H69.11V40.33H21.22ZM7.77,44.1H65.34V75.24H7.77Z"
       id="Fill-1"

client/src/components/rooms/MoreActions.vue

@@ -59,9 +59,12 @@
     }
 
     &__toggle {
-      background: white;
       display: flex;
       border-radius: 5px;
+
+      &--background {
+       background: white;
+      }
     }
   }
 </style>

client/src/components/ui/WidgetFooter.vue

@@ -16,6 +16,7 @@
     border-bottom-left-radius: $default-border-radius;
     border-bottom-right-radius: $default-border-radius;
     visibility: hidden;
+    padding-inline: $small-spacing;
 
     @include desktop {
       visibility: visible;