Merge remote-tracking branch 'origin/ui' into main-demo

app/src/styles/layout/sidebar.scss

@@ -516,6 +516,7 @@
               width: 50px;
               border-radius: 100px;
               cursor: pointer;
+
               &:hover {
                 outline: 1px solid var(--accent-color);
               }
@@ -586,6 +587,7 @@
               align-items: center;
               justify-content: center;
               border-radius: 8px;
+
               &:hover {
                 background: var(--background-color);
                 outline: 1px solid #aaaaaa29;
@@ -600,6 +602,7 @@
 
             .kebab-icon {
               display: flex;
+
               svg {
                 transform: rotate(90deg) scale(0.8);
               }
@@ -1434,6 +1437,11 @@
       padding: 12px;
       border-radius: #{$border-radius-large};
 
+      outline: 1px solid var(--border-color);
+      outline-offset: -1px;
+      border-radius: 12px;
+      background: var(--background-color);
+
       .compare-simulations-header {
         font-weight: var(--font-weight-medium);
       }
@@ -1598,12 +1606,13 @@
     .animations-lists {
       max-height: 210px;
       overflow: auto;
-      .no-animation{
+      .no-animation {
         padding: 6px 8px;
         line-height: 20px;
       }
       .animations-list-wrapper {
         padding: 0 4px;
+
         .animations-list {
           margin: 2px 0;
           padding: 4px 12px;
@@ -1793,7 +1802,8 @@
       padding: 14px;
       padding-bottom: 0;
       margin-bottom: 8px;
-      .input-toggle-container{
+
+      .input-toggle-container {
         padding: 4px 0;
         margin-bottom: 8px;
       }