@sonic-equipment/ui 0.0.74 → 0.0.75

package/dist/styles.css

@@ -156,6 +156,7 @@
 
   /* Status */
   --color-status-available: #007000;
+  --color-status-unavailable: #e30613;
 
   /* Semantic */
   --color-semantic-okay: #30d158;
@@ -292,6 +293,7 @@
   font-weight: var(--font-weight-bold);
   gap: 2px;
   line-height: var(--line-height-base);
+  -webkit-tap-highlight-color: transparent;
   text-transform: uppercase;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -493,6 +495,7 @@
   align-items: center;
   justify-content: center;
   cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
 }
 
   .icon-button-module-4PDK-[data-disabled] {
@@ -892,6 +895,10 @@
   max-height: 100%;
 }
 
+.product-card-module-LepTy {
+  container-type: inline-size;
+}
+
 .product-card-module-pLaiB {
   --title-font-size: var(--font-size-16);
   --box-shadow: var(--box-shadow-medium);
@@ -915,13 +922,13 @@
     box-shadow ease 0.2s;
 }
 
-  .product-card-module-pLaiB .product-card-module-tvEdz {
+.product-card-module-pLaiB .product-card-module-tvEdz {
     position: absolute;
     top: var(--space-8);
     right: var(--space-8);
   }
 
-  .product-card-module-pLaiB .product-card-module-e0kMu {
+.product-card-module-pLaiB .product-card-module-e0kMu {
     display: grid;
     padding-bottom: var(--padding-bottom);
     margin-top: auto;
@@ -929,14 +936,18 @@
     padding-inline: var(--padding-inline);
   }
 
-  .product-card-module-pLaiB .product-card-module-Q0VvF .product-card-module-HkWBE {
+.product-card-module-pLaiB .product-card-module-Q0VvF {
+    height: 112px;
+  }
+
+.product-card-module-pLaiB .product-card-module-Q0VvF .product-card-module-HkWBE {
       display: flex;
       min-height: var(--tag-height, var(--space-16));
       margin-bottom: 18px;
       gap: 3px;
     }
 
-  .product-card-module-pLaiB .product-card-module-Q0VvF .product-card-module-CStNi {
+.product-card-module-pLaiB .product-card-module-Q0VvF .product-card-module-CStNi {
       display: -webkit-box;
       overflow: hidden;
       margin-top: 0;
@@ -950,13 +961,13 @@
       word-break: break-word;
     }
 
-  .product-card-module-pLaiB .product-card-module-Q0VvF .product-card-module-CStNi mark {
+.product-card-module-pLaiB .product-card-module-Q0VvF .product-card-module-CStNi mark {
         background-color: rgb(109 170 200 / 40%);
         color: currentcolor;
         font-weight: inherit;
       }
 
-  .product-card-module-pLaiB .product-card-module-kD2tU {
+.product-card-module-pLaiB .product-card-module-kD2tU {
     display: flex;
     height: 102px;
     flex-wrap: wrap;
@@ -965,24 +976,24 @@
     margin-top: auto;
   }
 
-  .product-card-module-pLaiB .product-card-module-p-zoi {
+.product-card-module-pLaiB .product-card-module-p-zoi {
     width: var(--image-width);
     aspect-ratio: 1 / 1;
     margin-inline: auto;
     transition: width ease 0.2s;
   }
 
-  .product-card-module-pLaiB .product-card-module-p-zoi img {
+.product-card-module-pLaiB .product-card-module-p-zoi img {
       display: block;
       max-width: 100%;
       height: 100%;
     }
 
-  .product-card-module-pLaiB .product-card-module-irW0D {
+.product-card-module-pLaiB .product-card-module-irW0D {
     width: 100%;
   }
 
-  .product-card-module-pLaiB .product-card-module-SnCvX {
+.product-card-module-pLaiB .product-card-module-SnCvX {
     display: flex;
     width: 125px;
     justify-content: flex-end;
@@ -1340,9 +1351,9 @@
       .carousel-module-ealh- .carousel-module-IftbN.carousel-module-tPg7k::after {
         position: absolute;
         z-index: calc(var(--carousel-layer) - 1);
-        top: 0;
+        top: -20%;
         width: calc((100vw - 100%) / 2);
-        height: 100%;
+        height: 140%;
         background: var(--color-brand-white);
         content: '';
         opacity: 1;
@@ -1351,10 +1362,22 @@
 
   .carousel-module-ealh- .carousel-module-IftbN.carousel-module-tPg7k::before {
         left: calc(-1 * ((100vw - 100%) / 2));
+        background: linear-gradient(
+          -90deg,
+          rgb(255 255 255 / 20%) 0,
+          rgb(255 255 255 / 95%) 80px,
+          rgb(255 255 255 / 100%) 100px
+        );
       }
 
   .carousel-module-ealh- .carousel-module-IftbN.carousel-module-tPg7k::after {
         right: calc(-1 * ((100vw - 100%) / 2));
+        background: linear-gradient(
+          90deg,
+          rgb(255 255 255 / 20%) 0,
+          rgb(255 255 255 / 95%) 80px,
+          rgb(255 255 255 / 100%) 100px
+        );
       }
 
   .carousel-module-ealh- .carousel-module-bUMlb {
@@ -1362,6 +1385,10 @@
     width: fit-content;
   }
 
+  .carousel-module-ealh- .carousel-module-kcqEE {
+    -webkit-tap-highlight-color: transparent;
+  }
+
   .carousel-module-ealh- .carousel-module-kcqEE.carousel-module-uCrOA {
       display: none;
     }
@@ -1457,10 +1484,15 @@
   --seperator-color: transparent;
   --accordion-padding-inline: 0;
   --accordion-padding-block: var(--space-16);
-  --accordion-title-border: none;
-  --accordion-item-border: none;
+  --accordion-item-border-color: var(--seperator-color);
+  --accordion-item-border-accentuated-color: var(--color-brand-dark-gray);
+  --accordion-item-border: 1px solid var(--accordion-item-border-color);
 }
 
+  .accordion-module-9WvAH.accordion-module-6CcEH {
+    --accordion-padding-inline: var(--space-16);
+  }
+
   .accordion-module-9WvAH.accordion-module-CaVdG {
     --color: var(--color-white);
   }
@@ -1474,113 +1506,107 @@
   }
 
   .accordion-module-9WvAH.accordion-module-yOLrW {
-    --seperator-color: var(--color-gray-500);
+    --seperator-color: var(--color-brand-medium-gray);
   }
 
   .accordion-module-9WvAH.accordion-module-yOLrW.accordion-module-CaVdG {
       --seperator-color: var(--color-white);
     }
 
-  .accordion-module-9WvAH.accordion-module-J1-Eb {
-    --accordion-title-border: 1px solid var(--seperator-color);
+  .accordion-module-9WvAH .accordion-module-lf9d- {
+    --transition-duration: 0.2s;
   }
 
-  .accordion-module-9WvAH.accordion-module-4LI1K {
-    --accordion-item-border: 1px solid var(--seperator-color);
-  }
+  .accordion-module-9WvAH .accordion-module-lf9d- h3 {
+      margin: 0;
+    }
 
-.accordion-module-6CcEH {
-  --accordion-padding-inline: var(--space-16);
-}
+  .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb {
+      position: relative;
+      display: flex;
+      width: 100%;
+      padding-right: var(--accordion-padding-inline);
+      padding-left: var(--accordion-padding-inline);
+      border: none;
+      background: none;
+      color: var(--color);
+      cursor: pointer;
+      font: inherit;
+      font-size: var(--button-font-size);
+      font-weight: var(--font-weight-bold);
+      line-height: 1;
+      padding-block: var(--accordion-padding-block);
+      text-align: left;
+    }
 
-.accordion-module-lf9d- {
-  --transition-duration: 0.2s;
+  .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb .accordion-module-Y50uq {
+        margin-left: auto;
+      }
 
-  border-bottom: var(--accordion-item-border);
-}
+  .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb .accordion-module-Y50uq svg {
+          display: block;
+          width: 16px;
+          height: 16px;
+          transform: rotate(0deg);
+          transition: transform var(--transition-duration) ease;
+        }
 
-.accordion-module-lf9d- h3 {
-    margin: 0;
-  }
+  .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb:focus-visible,
+      .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb.accordion-module-M4BZs {
+        box-shadow: var(--shadow-focus-outline-padded);
+        outline: none;
+      }
 
-.accordion-module-lf9d- .accordion-module--Rwpb {
-    position: relative;
-    display: flex;
-    width: 100%;
-    padding-right: calc(var(--accordion-padding-inline) * 2);
-    padding-left: var(--accordion-padding-inline);
-    border: none;
-    border-bottom: var(--accordion-title-border);
-    background: none;
-    color: var(--color);
-    cursor: pointer;
-    font: inherit;
-    font-size: var(--button-font-size);
-    font-weight: var(--font-weight-bold);
-    line-height: 1;
-    padding-block: var(--accordion-padding-block);
-    text-align: left;
-  }
+  .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb[disabled] {
+        --color: var(--color-gray-100);
+      }
 
-.accordion-module-lf9d- .accordion-module--Rwpb .accordion-module-Y50uq {
-      margin-left: auto;
+  .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module-KZjMo {
+      display: grid;
+      grid-template-rows: 0fr;
+      transition:
+        grid-template-rows var(--transition-duration) linear,
+        padding-block var(--transition-duration) linear;
     }
 
-.accordion-module-lf9d- .accordion-module--Rwpb .accordion-module-Y50uq svg {
-        display: block;
-        width: 16px;
-        height: 16px;
-        transform: rotate(0deg);
-        transition: transform var(--transition-duration) ease;
+  .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module-KZjMo .accordion-module-ejMH3 {
+        overflow: hidden;
+        color: var(--color);
       }
 
-.accordion-module-lf9d- .accordion-module--Rwpb:focus-visible,
-    .accordion-module-lf9d- .accordion-module--Rwpb.accordion-module-M4BZs {
-      box-shadow: var(--shadow-focus-outline-padded);
-      outline: none;
+  .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-oTdZK {
+      border-bottom: var(--accordion-item-border);
     }
 
-.accordion-module-lf9d- .accordion-module--Rwpb[disabled] {
-      --color: var(--color-gray-100);
+  .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-0mrLq {
+      border-top: var(--accordion-item-border);
     }
 
-.accordion-module-lf9d- .accordion-module-J1-Eb .accordion-module--Rwpb {
-      border-bottom: 1px solid var(--seperator-color);
+  .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-aAr-R .accordion-module--Rwpb {
+      border-bottom: var(--accordion-item-border);
     }
 
-.accordion-module-lf9d- .accordion-module-KZjMo {
-    display: grid;
-    grid-template-rows: 0fr;
-    padding-inline: var(--accordion-padding-inline);
-    transition:
-      grid-template-rows var(--transition-duration) linear,
-      padding-block var(--transition-duration) linear;
-  }
-
-.accordion-module-lf9d- .accordion-module-KZjMo .accordion-module-ejMH3 {
-      overflow: hidden;
-      color: var(--color);
+  .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-W0F1z.accordion-module-OB98a .accordion-module--Rwpb {
+      border-bottom: solid 2px var(--accordion-item-border-accentuated-color);
     }
 
-.accordion-module-lf9d-.accordion-module-W0F1z .accordion-module-Y50uq svg {
-      transform: rotate(-180deg);
-    }
+  .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-W0F1z .accordion-module-Y50uq svg {
+        transform: rotate(-180deg);
+      }
 
-.accordion-module-lf9d-.accordion-module-W0F1z .accordion-module-KZjMo {
-      padding-top: var(--space-16);
-      padding-bottom: var(--space-8);
-      grid-template-rows: 1fr;
-    }
+  .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-W0F1z .accordion-module-KZjMo {
+        grid-template-rows: 1fr;
+      }
 
-.accordion-module-lf9d-:has(.accordion-module--Rwpb[disabled]) {
-    border-color: var(--color-gray-100);
-  }
+  .accordion-module-9WvAH .accordion-module-lf9d-:has(.accordion-module--Rwpb[disabled]) {
+      border-color: var(--color-gray-100);
+    }
 
-@media (hover: hover) {
-      .accordion-module-lf9d- .accordion-module--Rwpb:hover {
-        background-color: var(--color-gray-100);
-      }
-  }
+  @media (hover: hover) {
+        .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb:hover {
+          background-color: var(--color-gray-100);
+        }
+    }
 
 .show-all-module-BDp21 {
   --transition-duration: 0.2s;
@@ -1623,7 +1649,7 @@
       transition: transform var(--transition-duration) ease;
     }
 
-  .show-all-module-BDp21.show-all-module-hQeGI button .show-all-module-fqncI {
+  .show-all-module-BDp21.show-all-module-hQeGI .show-all-module-58e7Q .show-all-module-fqncI {
         transform: rotate(-180deg);
       }
 
@@ -1635,17 +1661,14 @@
         background-image: linear-gradient(to bottom, transparent, transparent);
       }
 
-.multi-select-module-DC7Ix .multi-select-module-cwVFb {
-    display: grid;
-    margin-bottom: var(--space-8);
-    gap: var(--space-16);
+  .show-all-module-BDp21.show-all-module-OhPfm .show-all-module-bEdda {
+    grid-template-rows: 1fr;
   }
 
-    .multi-select-module-DC7Ix .multi-select-module-cwVFb.multi-select-module-o7yHU {
-      margin-top: var(--space-8);
-    }
-  .multi-select-module-DC7Ix .multi-select-module-OW-NK {
+.multi-select-module-DC7Ix .multi-select-module-OW-NK {
     display: flex;
+    min-height: 32px;
+    align-items: center;
     color: var(--color-brand-medium-gray);
     gap: var(--space-4);
   }
@@ -2022,7 +2045,7 @@
 }
 
 .product-overview-grid-module-MlUVA {
-  container-type: inline-size;
+  position: relative;
 }
 
 .product-overview-grid-module-MlUVA:not(:last-child)::before {
@@ -2090,6 +2113,9 @@
       .product-overview-grid-module-MlUVA:nth-child(3n)::after {
         display: none;
       }
+      .product-overview-grid-module-MlUVA:has(> :hover)::after, .product-overview-grid-module-MlUVA:has(+ .product-overview-grid-module-MlUVA:hover)::after {
+        display: none;
+      }
 }
 
 .loading-overlay-module-L67Gy {
@@ -2289,20 +2315,48 @@
   gap: 8px;
 }
 
+.product-carousel-module-DpUaX {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  gap: var(--space-24);
+}
+
+  @media (width >= 768px) {
+    .product-carousel-module-DpUaX .product-carousel-module-0ymqZ {
+      align-self: center;
+    }
+  }
+
 .product-carousel-module-XVTB1 {
-  --slide-width: 154px;
+  --slide-width-normal: 300px;
+  --slide-width-narrow: 154px;
+  --slide-width-auto: auto;
+  --slide-width: var(--slide-width-narrow);
 
   position: relative;
 }
 
-  .product-carousel-module-XVTB1 > * {
+.product-carousel-module-XVTB1.product-carousel-module-E2EUK {
+    --slide-width: var(--slide-width-auto);
+  }
+
+.product-carousel-module-XVTB1.product-carousel-module-yrkV9 {
+    --slide-width: var(--slide-width-narrow);
+  }
+
+.product-carousel-module-XVTB1.product-carousel-module-SzVga {
+    --slide-width: var(--slide-width-normal);
+  }
+
+.product-carousel-module-XVTB1 > * {
     width: var(--slide-width);
   }
 
-  .product-carousel-module-XVTB1:not(:last-child)::after {
+.product-carousel-module-XVTB1:not(:first-child)::after {
       position: absolute;
       top: 0;
-      left: calc(100% + var(--column-gap) / 2);
+      left: calc((var(--column-gap) / 2) * -1);
       width: 1px;
       height: 100%;
       background-image: linear-gradient(
@@ -2316,19 +2370,40 @@
       content: '';
     }
 
-  @media (hover: hover) {
-    .product-carousel-module-XVTB1:has(> :hover) {
+/* Hide the separator line between the cards when hovering */
+
+@media (hover: hover) {
+    .product-carousel-module-XVTB1:hover {
       z-index: 1;
     }
-      .product-carousel-module-XVTB1:has(> :hover)::after, .product-carousel-module-XVTB1:has(+ .product-carousel-module-XVTB1:hover)::after {
+
+      .product-carousel-module-XVTB1:hover::after {
         display: none;
       }
+        .product-carousel-module-XVTB1:hover + .product-carousel-module-XVTB1::after {
+          display: none;
+        }
   }
 
 @media (width >= 768px) {
   .product-carousel-module-XVTB1 {
-    --slide-width: 192px;
+    --slide-width-normal: 300px;
+    --slide-width-narrow: 192px;
+    --slide-width-auto: auto;
+    --slide-width: var(--slide-width-narrow);
   }
+
+    .product-carousel-module-XVTB1.product-carousel-module-E2EUK {
+      --slide-width: var(--slide-width-auto);
+    }
+
+    .product-carousel-module-XVTB1.product-carousel-module-yrkV9 {
+      --slide-width: var(--slide-width-narrow);
+    }
+
+    .product-carousel-module-XVTB1.product-carousel-module-SzVga {
+      --slide-width: var(--slide-width-normal);
+    }
 }
 
 .images-grid-module-i5868 {
@@ -2339,6 +2414,8 @@
 }
 
   .images-grid-module-i5868 .images-grid-module-nY9-n {
+    display: flex;
+    aspect-ratio: 1;
     background-color: var(--color-gray-100);
     mix-blend-mode: multiply;
     outline: none;
@@ -2409,14 +2486,22 @@
       height: fit-content;
     }
 
-  @media(width >= 1024px) {
+  .product-details-page-layout-module-IQFIn .product-details-page-layout-module-EDW8t,
+  .product-details-page-layout-module-IQFIn .product-details-page-layout-module-GSMls {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-24);
+  }
+
+  @media (width >= 1024px) {
     .product-details-page-layout-module-IQFIn .product-details-page-layout-module--7oUp {
       gap: var(--space-24);
       grid-template-columns: 396px 1fr;
     }
   }
 
-  @media(width >= 1440px) {
+  @media (width >= 1440px) {
     .product-details-page-layout-module-IQFIn .product-details-page-layout-module--7oUp {
       gap: var(--space-32);
       grid-template-columns: 600px 1fr;
@@ -2439,6 +2524,92 @@
   }
 }
 
+.feature-list-module-cxc8U {
+  display: grid;
+  grid-template-columns: auto minmax(50%, 1fr);
+}
+
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r {
+    display: contents;
+  }
+
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r:nth-child(odd) * {
+      background-color: var(--color-brand-light-gray);
+    }
+
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-Tw0KD {
+      color: var(--color-brand-dark-gray);
+      line-height: 24px;
+      padding-block: 12px;
+      padding-inline: 14px;
+    }
+
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-Tw0KD:empty {
+        padding: 0;
+      }
+
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-J6Xfj {
+      font-weight: bold;
+    }
+
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-J6Xfj.feature-list-module-deI1- {
+        text-align: right;
+      }
+
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-CqSj1 {
+      display: flex;
+      flex-direction: column;
+    }
+
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-CqSj1.feature-list-module-deI1- {
+        align-items: flex-end;
+        text-align: right;
+      }
+
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-CqSj1 svg.feature-list-module-ojZvf {
+          color: var(--color-status-available);
+        }
+
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-CqSj1 svg.feature-list-module-4IjrA {
+          color: var(--color-status-unavailable);
+        }
+
+.download-document-list-module-Z023h {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: var(--color-brand-black);
+  gap: 5px;
+}
+
+  .download-document-list-module-Z023h a {
+    color: var(--color-brand-dark-gray);
+    text-decoration: none;
+  }
+
+  .download-document-list-module-Z023h a:hover {
+      color: var(--color-brand-red);
+    }
+
+  .download-document-list-module-Z023h svg {
+    width: 20px;
+    height: 20px;
+  }
+
+.product-details-panel-module-BqSmY {
+  color: var(--color-brand-dark-gray);
+  font-size: 16px;
+  font-stretch: normal;
+  font-style: normal;
+  font-weight: normal;
+  letter-spacing: normal;
+  line-height: 1.5;
+}
+
+.product-details-panel-module-J060x {
+  margin-bottom: var(--space-24);
+}
+
 .filter-section-module-q1Ob8 {
   --border-bottom: 1px solid var(--color-brand-medium-gray);
 
@@ -2472,18 +2643,11 @@
   }
 
   .filter-section-module-q1Ob8 .filter-section-module-15-YW {
-    display: grid;
-    padding-block: var(--space-8);
+    display: flex;
+    flex-direction: column;
+    padding-block: var(--space-4);
   }
 
-  .filter-section-module-q1Ob8:where(.filter-section-module-crU-3) .filter-section-module-15-YW {
-      gap: var(--space-8);
-    }
-
-  .filter-section-module-q1Ob8:where(.filter-section-module-vHRQu) .filter-section-module-15-YW {
-      gap: var(--space-16);
-    }
-
   .filter-section-module-q1Ob8:where(.filter-section-module-dGcTY) {
     border-bottom: unset;
   }
@@ -2492,6 +2656,12 @@
       border-bottom: var(--border-bottom);
     }
 
+.filter-section-module-n-AWg {
+  display: flex;
+  min-height: 32px;
+  align-items: center;
+}
+
 .algolia-filter-panel-module-GfhOO {
   --padding: var(--space-16);
 
@@ -2526,11 +2696,14 @@
     }
 
   .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3.algolia-filter-panel-module-yf8kI {
-      cursor: default;
       font-weight: var(--font-weight-bold);
       opacity: 1;
     }
 
+  .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3[data-disabled] {
+      cursor: default;
+    }
+
   .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3:not(.algolia-filter-panel-module-yf8kI) .algolia-filter-panel-module-gQzED {
         text-decoration: underline;
       }
@@ -2567,16 +2740,14 @@
   line-height: 32px;
 }
 
-.active-filters-module-u9TTE {
-  --spacing: var(--space-16);
-
-  display: grid;
-}
-
-.active-filters-module-u9TTE .active-filters-module-CIuPU {
+  .active-filters-module-Rrmhy .active-filters-module-CIuPU {
     font-weight: var(--font-weight-bold);
   }
 
+.active-filters-module-Ud9kZ {
+  margin-right: -16px;
+}
+
 .pagination-module-k4OgY,
 .pagination-module-oq89A {
   display: flex;
@@ -3385,7 +3556,10 @@
 }
 
   .search-list-item-module-WXp77 .search-list-item-module-YJvJm {
+    height: 32px;
     min-height: 32px;
+    max-height: 32px;
+    margin-right: -16px;
   }
 
   .search-list-item-module-WXp77:hover {