adjust styles

apps/app/src/components/Sidebar/Sidebar.module.scss

@@ -93,7 +93,7 @@
   .grw-sidebar :global {
     --bs-border-color: var(--grw-highlight-200);
 
-    .grw-navigation-wrap {
+    .sidebar-contents-container {
       background-color: rgba(var(--grw-highlight-100-rgb), .5);
     }
   }
@@ -104,7 +104,7 @@
     --bs-color: var(--bs-gray-400);
     --bs-border-color: var(--grw-highlight-800);
 
-    .grw-navigation-wrap {
+    .sidebar-contents-container {
       background-color: rgba(var(--grw-highlight-800-rgb), .5);
     }
   }

apps/app/src/components/Sidebar/Sidebar.tsx

@@ -93,18 +93,18 @@ export const SidebarSubstance = memo((): JSX.Element => {
       <div className="navigation transition-enabled">
         <div className="grw-navigation-wrap">
           <SidebarNav />
-          <ResizableArea
-            width={resizableAreaWidth}
-            minWidth={sidebarMinWidth}
-            disabled={disableResizing}
-            onResize={resizeHandler}
-            onResizeDone={resizeDoneHandler}
-            onCollapsed={collapsedByResizableAreaHandler}
-          >
-            <div className="sidebar-contents-container">
+          <div className="sidebar-contents-container">
+            <ResizableArea
+              width={resizableAreaWidth}
+              minWidth={sidebarMinWidth}
+              disabled={disableResizing}
+              onResize={resizeHandler}
+              onResizeDone={resizeDoneHandler}
+              onCollapsed={collapsedByResizableAreaHandler}
+            >
               <SidebarContents />
-            </div>
-          </ResizableArea>
+            </ResizableArea>
+          </div>
         </div>
       </div>
     </div>