diff --git a/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss b/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss
index 4edfa60d29..013a7ae0a7 100644
--- a/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss
+++ b/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss
@@ -245,6 +245,8 @@ a.active_choice {
     padding-left: 109px!important;
     padding-right: 80px!important;
     border-color: #d4d4d4!important;
+    text-overflow: inherit!important;
+    white-space: inherit!important;
   }
   .lightbox-img {
     width: 90px;
@@ -258,6 +260,7 @@ a.active_choice {
     img {
       display: flex;
       align-items: center;
+      width: 90px;
       max-width: 100%;
       max-height: 100%;
       object-fit: contain;
@@ -270,10 +273,13 @@ a.active_choice {
     margin: 0!important;
     font-size: 15px;
     font-weight: bold!important;
+    text-overflow: inherit!important;
+    white-space: inherit!important;
     a {
       position: relative;
       color: #313131!important;
       width: 100%;
+      padding-right: 18px;
       &:after {
         content: "\e96c";
         font-family: icomoon;
diff --git a/templates/mobile/lightbox/index.html.twig b/templates/mobile/lightbox/index.html.twig
index 5fb65f9f58..188a514e86 100644
--- a/templates/mobile/lightbox/index.html.twig
+++ b/templates/mobile/lightbox/index.html.twig
@@ -145,7 +145,7 @@
     </p>
         <div class="feed-list">
             <ul data-role="listview"  style="width:100%;margin: 0;">
-                    {% for basket in baskets_collection %}
+                    {% for basket in baskets_collection | sort | reverse %}
                       {% if basket.getValidation() is empty %}
                         {% set basket_length = basket.getElements().count() %}
                         <li>