🐛 Fix visual bug for scrolls on inspect mode

frontend/src/app/main/ui/viewer/inspect/right_sidebar.cljs

@@ -109,7 +109,9 @@
             [:span {:class (stl/css :layer-title)} (:name first-shape)]])]
         [:div {:class (stl/css :inspect-content)}
          [:& tab-container {:on-change-tab handle-change-tab
-                            :selected @section}
+                            :selected @section
+                            :content-class (stl/css :tab-content)
+                            :header-class (stl/css :tab-header)}
           [:& tab-element {:id :info :title (tr "inspect.tabs.info")}
            [:& attributes {:page-id page-id
                            :objects objects

frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss

@@ -96,3 +96,11 @@
   flex: 1;
   overflow: hidden;
 }
+
+.tab-content {
+  scrollbar-gutter: stable;
+}
+
+.tab-header {
+  margin-right: $s-12;
+}

frontend/src/app/main/ui/workspace/sidebar/options.cljs

@@ -104,7 +104,7 @@
       {:on-change-tab on-change-tab
        :selected section
        :collapsable false
-       :content-class (stl/css :content-class)
+       :content-class (stl/css-case :content-class true :inspect (= section :inspect))
        :header-class (stl/css :tab-spacing)}
       [:& tab-element {:id :design
                        :title (tr "workspace.options.design")}

frontend/src/app/main/ui/workspace/sidebar/options.scss

@@ -34,3 +34,7 @@
   gap: $s-8;
   padding-top: $s-8;
 }
+
+.inspect {
+  scrollbar-gutter: unset;
+}