Merge remote-tracking branch 'origin/main-dev' into dev-collaboration

app/src/styles/layout/sidebar.scss

@@ -1657,8 +1657,13 @@
 
 .sidebar-right-wrapper {
     .wall-properties-container {
+        .wall-properties-section{
+            padding: 14px;
+            padding-bottom: 0;
+            margin-bottom: 8px;
+        }
         .header {
-            color: var(--background-color-button);
+            color: var(--text-color);
         }
 
         .wall-properties {
@@ -1692,7 +1697,7 @@
                 flex-direction: column;
                 align-items: center;
                 gap: 15px;
-                background: var(--Grays-Gray-6, #f2f2f7);
+                background: var(--background-color-secondary);
                 padding: 18px 25px;
 
                 .sides-wrapper {
@@ -1736,8 +1741,10 @@
                 }
 
                 .preview {
-                    width: 90%;
+                    width: 100%;
                     height: 111px;
+                    border-radius: 20px;
+                    overflow: hidden;
 
                     img {
                         width: 100%;
@@ -1750,7 +1757,8 @@
             .materials {
                 max-height: 250px;
                 overflow: auto;
-                margin-bottom: 6px;
+                margin-top: 12px;
+                margin-bottom: 16px;
                 padding: 0 12px;
 
                 .material-container {