get rid of padding if box has no items

client/src/box.js

@@ -57,7 +57,7 @@ const Box = ({ boxData, boxHandler, itemHandler, isMoving, style }) => {
                 <span className='menu-btn box material-icons' onClick={handleBoxMenuClick}>more_vert</span>
             </div>
             <div style={style.darkStyle} className='head-divider'></div>
-            <ul className='list-box-item scroll-container'>
+            <ul className={`list-box-item scroll-container ${boxData.item.length === 0 ? "empty": ""}`}>
                 {boxData.item.map(((item, index) => {
                     return <Item
                         key={index}

client/src/styles/app.css

@@ -159,6 +159,9 @@ li.box.target:hover {
     max-height: 8rem;
     overflow-y: auto;
 }
+.list-box-item.empty {
+    padding: 0;
+}
 .scroll-container::-webkit-scrollbar {
     width: 5px;
 }