diff --git a/www/drive/file.less b/www/drive/file.less
index 7737214ed..3003c8812 100644
--- a/www/drive/file.less
+++ b/www/drive/file.less
@@ -617,12 +617,36 @@ span {
             flex-wrap: wrap;
             justify-content: center;
             align-content: center;
+            overflow-y: auto;
             .uploadFile {
                 break-after: always;
                 page-break-after: always;
             }
         }
     }
+
+    @media screen and (max-height: @browser_media-not-big) {
+        .cp-modal {
+            & > p {
+                display: none;
+            }
+            & > div {
+                align-content: unset;
+                li {
+                    height: 40px;
+                    width: 90%;
+                    display: flex;
+                    align-items: center;
+                    .fa {
+                        font-size: 32px;
+                    }
+                    .name {
+                        height: auto;
+                    }
+                }
+            }
+        }
+    }
 }
 
 
diff --git a/www/drive/main.js b/www/drive/main.js
index 7730996b4..895a6d5ef 100644
--- a/www/drive/main.js
+++ b/www/drive/main.js
@@ -1691,7 +1691,7 @@ define([
                 $modal.find('.cp-modal').append($description);
                 var $content = createNewPadIcons($modal, isInRoot);
                 $modal.find('.cp-modal').append($content);
-                $modal.show();
+                window.setTimeout(function () { $modal.show(); });
                 addNewPadHandlers($modal, isInRoot);
             });
         };