diff --git a/ivette/src/dome/renderer/frame/sidebars.tsx b/ivette/src/dome/renderer/frame/sidebars.tsx
index 2fe1a5ff0fdf00ccc1372f695eec8090155be70d..209503ba5b425d0b8f78cd622e0a2d8acb2b1a2e 100644
--- a/ivette/src/dome/renderer/frame/sidebars.tsx
+++ b/ivette/src/dome/renderer/frame/sidebars.tsx
@@ -139,12 +139,12 @@ export function Section(props: SectionProps): JSX.Element | null {
   const visible = unfold ?? state;
   const maxHeight = visible ? 'max-content' : 0;
   const { rightButtonProps: iconProps } = props;
-  const className = 'dome-xSideBarSection-filterButton ' + iconProps?.className;
+  const className = `dome-xSideBarSection-filterButton ${iconProps?.className}`;
   const rightButton =
     iconProps ? <IconButton {...iconProps} className={className}/> : undefined;
 
   return (
-    <div className={'dome-xSideBarSection ' + props.className}>
+    <div className={`dome-xSideBarSection ${props.className}`}>
       <Hbox>
         <Label
           className='dome-xSideBarSection-title dome-color-frame'