text: Title: [BUG]: `rio.CodeBlock` display_controls=False doesn't align properly
  Body: ### Describe the bug
  
  The `rio.CodeBlock` component's `display_controls = False` option doesn't align properly when rendered.
  
  ### Expected Behavior
  
  The rio.CodeBlock component should align properly regardless of the `display_controls` setting
  
  ### Steps to Reproduce
  
  1. Create a rio.CodeBlock component.
  2. Set the display_controls attribute to False.
  3. Render the component and observe the alignment issues.
  
  ### Screenshots/Videos
  
  <img width="958" alt="image" src="https://github.com/rio-labs/rio/assets/41641225/f7f952c7-d4c8-456b-a887-6dde0f46186a">
  
  
  ### Operating System
  
  Windows, MacOS, Linux
  
  ### What browsers are you seeing the problem on?
  
  Chrome, Safari, Edge
  
  ### Browser version
  
  _No response_
  
  ### What device are you using?
  
  Desktop
  
  ### Additional context
  
  _No response_