diff --git a/packages/autocomplete-js/src/render.tsx b/packages/autocomplete-js/src/render.tsx
index f297fe453..25b7f9e5f 100644
--- a/packages/autocomplete-js/src/render.tsx
+++ b/packages/autocomplete-js/src/render.tsx
@@ -178,7 +178,7 @@ export function renderPanel<TItem extends BaseItem>(
 
   const children = (
     <Fragment>
-      <div className="aa-PanelLayout aa-Panel--scrollable">{sections}</div>
+      <div className={classNames.panelLayout + ' aa-Panel--scrollable'}>{sections}</div>
       <div className="aa-GradientBottom" />
     </Fragment>
   );