Figma overrides to unfloat the UI3 sidebars

override.css

/*
Instructions:
• open the developer console in Figma
• inspect any UI element and select the stylesheet in the Styles panel 
• right click on the file in the left side panel and select Override content
• scroll to the bottom of the file and add all the content of this file
• Figma will adjust the sidebars

NOTE TWO THINGS:
• the override is not automatically loaded but opening the console on any file will trigger it
• if Figma devs push a new build you need to repeat the process since the CSS file we are overriding will change name. ¯\_(ツ)_/¯
*/


[data-fpl-version=ui3] .left_panel_positioner--leftPanelPositioner--8Yehe, [data-fpl-version=ui3] .properties_panel--panelPosition--oppQ8  {
    top: 21px !important;
    height: 100% !important;
  }
  
  [data-fpl-version=ui3] .left_panel_positioner--leftPanelPositioner--8Yehe {
    left: 21px !important;
  }
  
  [data-fpl-version=ui3] .properties_panel--drillDownContainer--VaNDa {
   right: 0px !important;
  }
  
  [data-fpl-version=ui3] .left_panel_container--panel--ILPCV, [data-fpl-version=ui3] .properties_panel--panelContainer--cKjqh {
    border-radius: 0px !important;
    box-shadow: none !important;
  }
  
  .left_panel_island--islandContainer--Sowsa {
    border-radius: 0px 0px 0px 0px !important;
  }
  
  [data-fpl-version=ui3] .properties_panel--panelContainerCollapsedWithBackground--9UCfA {
    border-radius: 0px 0px  0px 0px!important;
  }

.left_panel_island_container--islandContainer--uM5h6 {
    border-radius: 0px !important;
}