diff --git a/packages/file-handling/src/nextcloud-file-picker.js b/packages/file-handling/src/nextcloud-file-picker.js
index 9a0338d465bd0e3b4c6231438923c8e02b78b796..1e2d737ec2bebec4d63e2d5f9692c772105ee138 100644
--- a/packages/file-handling/src/nextcloud-file-picker.js
+++ b/packages/file-handling/src/nextcloud-file-picker.js
@@ -187,13 +187,12 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
                 addRowPos: 'top',
                 columnDefaults: {
                     vertAlign: 'middle',
-                    hozAlign: 'center',
+                    hozAlign: 'left',
                     resizable: false,
                 },
                 columns: [
                     {
                         width: 32,
-                        minWidth: 32,
                         headerSort: false,
                         formatter: 'responsiveCollapse',
                     },
@@ -204,6 +203,7 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
                             '<span class="checkmark" id="select_all_checkmark"></span>' +
                             '</label>',
                         field: 'type',
+                        hozAlign: 'center',
                         width: 50,
                         responsive: 1,
                         formatter: (cell, formatterParams, onRendered) => {
@@ -297,7 +297,7 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
                 rowFormatter: (row) => {
                     let data = row.getData();
                     if (!this.checkFileType(data, this.allowedMimeTypes)) {
-                        row.getElement().classList.add('no-select');
+                        row.getElement().classList.add('no-select'); // TODO check this
                         row.getElement().classList.remove('tabulator-selectable');
                     }
                     if (this.directoriesOnly && typeof data.mime !== 'undefined') {
@@ -359,6 +359,7 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
     }
 
     rowClickFunction(e, row) {
+        const i18n = this._i18n;
         const data = row.getData();
         if (
             !row.getElement().classList.contains('no-select') &&
@@ -2432,20 +2433,6 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
                 padding-top: 7px;
             }
 
-            .tabulator-header {
-                padding-top: 8px;
-                padding-bottom: 0;
-            }
-
-            .tabulator-placeholder span {
-                padding: 14px !important; /*TODO find a better way*/
-                white-space: normal;
-            }
-
-            .tabulator-placeholder {
-                border-top: 1px solid var(--dbp-muted);
-            }
-
             #new-folder-row.highlighted {
                 background: var(--dbp-success-surface);
                 color: var(--dbp-on-success-surface);
@@ -2534,11 +2521,6 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
                 padding-left: 40px;
             }
 
-            .tabulator-row.no-select.tabulator-selected {
-                background-color: var(--dbp-background);
-                color: var(--dbp-muted);
-            }
-
             input[type='text']#tf-new-folder:focus {
                 /* font-weight: 300; */
                 border: none;
@@ -2850,15 +2832,6 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
                 padding-top: 10px;
             }
 
-            .no-select,
-            .tabulator-row.tabulator-selected.no-select:hover,
-            .tabulator-row.no-select:hover,
-            .tabulator-row.tabulator-selectable.no-select:hover {
-                cursor: unset;
-                color: var(--dbp-content);
-                background-color: var(--dbp-background);
-            }
-
             .inline-block {
                 position: absolute;
                 right: 0px;
@@ -3166,23 +3139,9 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
                     display: none;
                 }
 
-                .button-container .checkmark::after {
-                    /** left: 8px;
-                    top: 2px;
-                    width: 8px;
-                    height: 15px; */
-                }
-
                 .select-all-icon {
                     height: 32px;
                 }
-
-                .checkmark {
-                    /** height: 25px;
-                    width: 25px;
-                    left: 9px;
-                    top: 2px; */
-                }
             }
         `;
     }
diff --git a/packages/file-handling/src/tabulator-table-styles.js b/packages/file-handling/src/tabulator-table-styles.js
index 3b75f481d353d7991d9341b5d9f75fb81cba1e62..aff8f8a5ac91b23ceb5a6e2d9101f7d5069286d0 100644
--- a/packages/file-handling/src/tabulator-table-styles.js
+++ b/packages/file-handling/src/tabulator-table-styles.js
@@ -41,6 +41,28 @@ export function getTabulatorStyles() {
             text-align: center;
             padding-top: 10px;
         }
+
+        .tabulator-placeholder {
+            border-top: 1px solid var(--dbp-muted);
+        }
+
+        .tabulator-row.no-select.tabulator-selected {
+            background-color: var(--dbp-background);
+            color: var(--dbp-muted);
+        }
+
+        .no-select,
+        .tabulator-row.tabulator-selected.no-select:hover,
+        .tabulator-row.no-select:hover,
+        .tabulator-row.tabulator-selectable.no-select:hover {
+            cursor: unset;
+            color: var(--dbp-content);
+            background-color: var(--dbp-background);
+        }
+
+        @media only screen and (orientation: portrait) and (max-width: 768px) {
+            
+        }
        
     `;
 }