Improve style

Author: javizqh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jderobot-ide-interface",
-  "version": "0.1.58",
+  "version": "0.1.59",
   "main": "dist/main.js",
   "typings": "dist/index.d.ts",
   "files": [

src/components/Modals/Modal.styles.ts

@@ -371,6 +371,10 @@ export const StyledModalEntryList = styled.div<StyledModalEntryListProps>`
   }
 `;
 
+export const StyledModalActionEntry = styled(StyledModalEntryList)`
+  display: contents;
+`;
+
 interface StyledModelDropAreaProps {
   text?: string;
   bgColor?: string;

src/components/Modals/Modal.tsx

@@ -1,6 +1,7 @@
 import { useRef, useEffect, useState, ReactNode } from "react";
 import {
   StyledModal,
+  StyledModalActionEntry,
   StyledModalBackButton,
   StyledModalButtonRow,
   StyledModalCloseButton,
@@ -346,7 +347,7 @@ export const ModalActionList = ({
                 <label>{entry.name}</label>
               </StyledModalEntryList>
               {isOpen === entry.name && (
-                <StyledModalEntryList
+                <StyledModalActionEntry
                   color={theme.palette.text}
                   entryColor={theme.palette.background}
                   hoverColor={theme.palette.secondary}
@@ -355,7 +356,7 @@ export const ModalActionList = ({
                   id={"list-open-" + entry.name}
                 >
                   {entry.component}
-                </StyledModalEntryList>
+                </StyledModalActionEntry>
               )}
             </>
           );