More aggressive fix for persistent white artifact

- Moved sidebar top position from 72px to 70px for overlap
- Added margin:0 and padding:0 to prevent spacing issues
- Removed border-top that could create visual gaps
- Extended overlay div to start at -10px and height 80px for more coverage
- These changes should eliminate any remaining white space gaps

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Author: b0ase

src/components/DevSidebar.css

@@ -2,7 +2,7 @@
 .dev-sidebar {
   position: fixed;
   left: 0;
-  top: 72px; /* Below taskbar (32px) and PoC banner (40px) */
+  top: 70px; /* Slightly higher to overlap any white gap */
   bottom: 0;
   width: 260px;
   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
@@ -12,6 +12,11 @@
   transition: width 0.3s ease;
   z-index: 9989; /* Below taskbar (10000) and PoC banner (9999) */
   box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
+  /* Force no margin/padding that could create white space */
+  margin: 0 !important;
+  padding: 0 !important;
+  /* Ensure complete coverage */
+  border-top: none !important;
 }
 
 /* Comprehensive fix for white background artifacts */

src/components/DevSidebar.tsx

@@ -72,10 +72,10 @@ const DevSidebar: React.FC = () => {
       {/* Absolute overlay to cover any white artifacts */}
       <div style={{
         position: 'absolute',
-        top: 0,
+        top: '-10px',
         left: 0,
         right: 0,
-        height: '50px',
+        height: '80px',
         background: 'linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%)',
         zIndex: 1,
         pointerEvents: 'none'