hunk.code_window: import styled from "styled-components";
   export default styled.div<{ width: number }>`
     width: ${(props) => props.width}px;
     margin: ${(props) => props.theme.spaces[15]}px auto 0;
     position: relative;
     background: ${(props) => {
       return props.theme.colors.artboard;
  
hunk.labels: keep keep keep replace keep keep keep
hunk.after_edit:   margin: 0 auto;
  
hunk.file_path: app/client/src/pages/common/ArtBoard.tsx
hunk.type: replace
file: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#BCCCD9" d="M24 7.5C24 6.6 23.4 6 22.5 6H1.5C0.6 6 0 6.6 0 7.5V16.5C0 17.4 0.6 18 1.5 18H22.5C23.4 18 24 17.4 24 16.5V7.5ZM22.5 16.5H1.5V7.5H22.5V16.5Z"/><path fill="#BCCCD9" d="M3 9H4.5V15H3V9Z"/></svg>