diff --git a/packages/form-js-editor/assets/form-js-editor.css b/packages/form-js-editor/assets/form-js-editor.css
index 718b1940c..3583a93e4 100644
--- a/packages/form-js-editor/assets/form-js-editor.css
+++ b/packages/form-js-editor/assets/form-js-editor.css
@@ -18,6 +18,7 @@
 .fjs-editor-container .fjs-palette-container,
 .fjs-editor-container .fjs-properties-container {
   overflow-y: auto;
+  position: relative;
 }
 
 .fjs-editor-container .fjs-form-container,
@@ -154,7 +155,6 @@
   width: 300px;
   background-color: var(--color-silver-base-97);
   border-left: solid 1px var(--color-silver-darken-80);
-  position: relative;
   height: 100%;
 }
 
diff --git a/packages/form-js-editor/src/render/components/palette/Palette.js b/packages/form-js-editor/src/render/components/palette/Palette.js
index cd9e92a20..b56de72c7 100644
--- a/packages/form-js-editor/src/render/components/palette/Palette.js
+++ b/packages/form-js-editor/src/render/components/palette/Palette.js
@@ -35,11 +35,11 @@ const types = [
 
 
 export default function Palette(props) {
-  return <Fragment>
+  return <div class="fjs-palette">
     <div class="fjs-palette-header" title="Form elements library">
       <span class="fjs-hide-compact">FORM ELEMENTS </span>LIBRARY
     </div>
-    <div class="fjs-palette fjs-drag-container fjs-no-drop">
+    <div class="fjs-palette-fields fjs-drag-container fjs-no-drop">
       {
         types.map(({ label, type }) => {
           const Icon = iconsByType[ type ];
@@ -59,5 +59,5 @@ export default function Palette(props) {
         })
       }
     </div>
-  </Fragment>;
+  </div>;
 }
\ No newline at end of file