diff --git a/core/css/styles.scss b/core/css/styles.scss
index 2daf76f7ac45a3d738de026792993ce44f490dc8..1660527532a0bea82f53d9f45ff82d5414113ba6 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -718,6 +718,8 @@ code {
 /* ---- DIALOGS ---- */
 #oc-dialog-filepicker-content {
 	position: relative;
+	display: flex;
+	flex-direction:column;
 
 	.dirtree {
 		flex-wrap: wrap;
@@ -778,7 +780,9 @@ code {
 		border: 1px solid var(--color-border-dark);
 		border-radius: var(--border-radius-pill);
 		position: relative;
-		top: -5px;
+		left: 15px;
+		top:3px;
+		order:1;
 
 		.icon.icon-add{
 			background-image: var(--icon-add-000);
@@ -811,7 +815,8 @@ code {
 		box-sizing: border-box;
 		display: inline-block;
 		overflow-y: auto;
-		height: 100%;
+		flex: 1;
+		/*height: 100%;*/
 		/* overflow under the button row */
 		width: 100%;
 		overflow-x: hidden;
diff --git a/core/js/dist/login.js b/core/js/dist/login.js
index 05d32655583d49e2ee2c7e16d995960572660963..cd93afadcd5356589bf2f19de28587d0e22ac5ef 100644
Binary files a/core/js/dist/login.js and b/core/js/dist/login.js differ
diff --git a/core/js/dist/login.js.map b/core/js/dist/login.js.map
index 20f9d154e0af7c2acaa3350b2a48d56d4408b1d9..544a3c946c606d635a70f79f0c1f2e527dcd7b98 100644
Binary files a/core/js/dist/login.js.map and b/core/js/dist/login.js.map differ
diff --git a/core/js/dist/main.js b/core/js/dist/main.js
index 2170a29053fbe75897d610a8c2c9b89f44b6c6c5..c7f70650cfdbbc7a8846d6c8b87a7053d0267d0d 100644
Binary files a/core/js/dist/main.js and b/core/js/dist/main.js differ
diff --git a/core/js/dist/main.js.map b/core/js/dist/main.js.map
index ad1d263c1d0fe0dfadefcbcfc04067197d19a9da..064e9125708317f6ae6a6f4f25f7e34152b9c83c 100644
Binary files a/core/js/dist/main.js.map and b/core/js/dist/main.js.map differ
diff --git a/core/js/dist/maintenance.js b/core/js/dist/maintenance.js
index 2cb5489c3f560359223afd3ea98956a555a9b682..f3ee56f65175825a20f29731b85fe0296b27f1f1 100644
Binary files a/core/js/dist/maintenance.js and b/core/js/dist/maintenance.js differ
diff --git a/core/js/dist/maintenance.js.map b/core/js/dist/maintenance.js.map
index d3b4896dd9d70be123e103b201c05eb14ece2fd3..4b30e1dce7f8f6759559f712a2d2db8837e388c8 100644
Binary files a/core/js/dist/maintenance.js.map and b/core/js/dist/maintenance.js.map differ
diff --git a/core/src/OC/dialogs.js b/core/src/OC/dialogs.js
index bf6a92aef8b8a9516d380dc75d5c922cdfa0f7e0..37d8e0724f2ef432923f9700e3800cca46a84de9 100644
--- a/core/src/OC/dialogs.js
+++ b/core/src/OC/dialogs.js
@@ -1218,8 +1218,12 @@ const Dialogs = {
 	 * fills the tree list with directories
 	 */
 	_fillSlug: function() {
+		var addButton = this.$dirTree.find('.actions.creatable').detach()
 		this.$dirTree.empty()
 		var self = this
+
+		self.$dirTree.append(addButton)
+
 		var dir
 		var path = this.$filePicker.data('path')
 		var $template = $('<div data-dir="{dir}"><a>{name}</a></div>').addClass('crumb')
@@ -1236,10 +1240,12 @@ const Dialogs = {
 				}))
 			})
 		}
+
 		$template.octemplate({
 			dir: '',
 			name: '' // Ugly but works ;)
 		}, { escapeFunction: null }).prependTo(this.$dirTree)
+		
 	},
 	/**
 	 * handle selection made in the tree list
diff --git a/core/templates/filepicker.html b/core/templates/filepicker.html
index d9382bef029904f586f6ba36faa1fb3ba0bc99ca..62dced8cd4d7ab1488ae27e690c34104796bb86e 100644
--- a/core/templates/filepicker.html
+++ b/core/templates/filepicker.html
@@ -1,15 +1,18 @@
 <div id="{dialog_name}" title="{title}">
-	<span class="dirtree breadcrumb"></span>
-	<span class="actions creatable"><a href="#" class="icon icon-add button button-add"></a>
-	<nav class="menu popovermenu bubble menu-left newFolderMenu">
-		<ul><li>
-		<form class="filenameform">
-			<input type="text" value={newtext}>
-			<input class="icon-confirm" type="submit" value="">
-		</form>
-			</li></ul>
-	</nav>
+	<span class="dirtree breadcrumb">
+		<span class="actions creatable"><a href="#" class="icon icon-add button button-add"></a>
+			<nav class="menu popovermenu bubble menu-left newFolderMenu">
+				<ul><li>
+				<form class="filenameform">
+					<input type="text" value={newtext}>
+					<input class="icon-confirm" type="submit" value="">
+				</form>
+				</li></ul>
+			</nav>
+		</span>
+
 	</span>
+
 	<input type="checkbox" class="hidden-visually" id="picker-showgridview" checked="checked" />
 	<label id="picker-view-toggle" for="picker-showgridview" class="button icon-toggle-filelist"></label>
 	<div class="filelist-container">