Gap fixed between components at sidebar

space_flow/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -32,8 +32,9 @@ export default function ExtraSidebar() {
           key={i}
           button={{ title: toFirstUpperCase(d), Icon: nodeIcons[d] }}
         >
+          <div className="p-2 flex flex-col gap-2">
             {Object.keys(data[d]).map((t, k) => (
-            <div key={k} className="p-2 pb-0">
+              <div key={k}>
                 <div
                   draggable
                   className={" cursor-grab border-l-8 rounded-l-md"}
@@ -54,6 +55,7 @@ export default function ExtraSidebar() {
                 </div>
               </div>
             ))}
+          </div>
         </DisclosureComponent>
       ))}
     </div>