diff --git a/arduino-ide-extension/src/browser/style/list-widget.css b/arduino-ide-extension/src/browser/style/list-widget.css
index c77820d6f..0c94e4c54 100644
--- a/arduino-ide-extension/src/browser/style/list-widget.css
+++ b/arduino-ide-extension/src/browser/style/list-widget.css
@@ -51,12 +51,12 @@
 
 .filterable-list-container .items-container > div > div:nth-child(even) {
     background-color: var(--theia-sideBar-background);
-    filter: contrast(95%);
+    filter: contrast(85%);
 }
 
 .filterable-list-container .items-container > div > div:hover {
     background-color: var(--theia-sideBar-background);
-    filter: contrast(90%);
+    filter: contrast(95%);
 }
 
 .component-list-item {
@@ -78,6 +78,7 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
+    margin-top: 2px;
 }
 
 .component-list-item .header .name {
@@ -94,6 +95,7 @@
 }
 
 .component-list-item .header .version {
+    font-weight: bold;
     color: var(--theia-panelTitle-inactiveForeground);
 }
 
@@ -127,10 +129,27 @@
     flex-direction: row-reverse;
 }
 
+.component-list-item .summary {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
 .component-list-item .footer {
     flex-direction: column-reverse;
 }
 
+.component-list-item .footer > select {
+    margin: 0px;
+}
+
+.component-list-item .footer > button {
+    visibility: hidden;
+}
+
+.component-list-item:hover .footer > button {
+    visibility: visible;
+}
+
 .component-list-item .footer > * {
     display: inline-block;
     margin: 5px 0px 0px 10px;
diff --git a/arduino-ide-extension/src/browser/widgets/component-list/list-item-renderer.tsx b/arduino-ide-extension/src/browser/widgets/component-list/list-item-renderer.tsx
index 4e6d56364..11bc2c5cf 100644
--- a/arduino-ide-extension/src/browser/widgets/component-list/list-item-renderer.tsx
+++ b/arduino-ide-extension/src/browser/widgets/component-list/list-item-renderer.tsx
@@ -35,7 +35,7 @@ export class ListItemRenderer<T extends ArduinoComponent> {
       const author = <span className="author">{item.author}</span>;
       nameAndAuthor = (
         <span>
-          {name} {nls.localize('arduino/component/by', 'by')} {author}
+          {name} <br /> {nls.localize('arduino/component/by', 'by')} {author}
         </span>
       );
     } else if (item.name) {
diff --git a/arduino-ide-extension/src/node/library-service-impl.ts b/arduino-ide-extension/src/node/library-service-impl.ts
index bdd9631f1..2f4893652 100644
--- a/arduino-ide-extension/src/node/library-service-impl.ts
+++ b/arduino-ide-extension/src/node/library-service-impl.ts
@@ -212,8 +212,8 @@ export class LibraryServiceImpl
             name: library.getName(),
             installedVersion,
             installable: true,
-            description: library.getSentence(),
-            summary: library.getParagraph(),
+            description: library.getParagraph(),
+            summary: library.getSentence(),
             moreInfoLink: library.getWebsite(),
             includes: library.getProvidesIncludesList(),
             location: this.mapLocation(library.getLocation()),
@@ -451,9 +451,9 @@ function toLibrary(
     author: lib.getAuthor(),
     availableVersions,
     includes: lib.getProvidesIncludesList(),
-    description: lib.getSentence(),
+    description: lib.getParagraph(),
     moreInfoLink: lib.getWebsite(),
-    summary: lib.getParagraph(),
+    summary: lib.getSentence(),
     category: lib.getCategory(),
     types: lib.getTypesList(),
   };