diff --git a/core/css/styles.scss b/core/css/styles.scss
index d739bab10130ebc40ea147aa98edb5f1e9edc7d9..e51352b4b644a9b71378addb004bab57ff6cd326 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -701,7 +701,6 @@ code {
 	position: relative;
 
 	.dirtree {
-		width: 100%;
 		flex-wrap: wrap;
 		padding-left: 12px;
 		padding-right: 44px;
@@ -746,6 +745,32 @@ code {
 	#picker-showgridview:focus + #picker-view-toggle {
 		opacity: 1;
 	}
+	
+	.actions.creatable {
+		flex-wrap: wrap;
+		padding: 0px;
+		box-sizing: border-box;
+		display: inline-flex;
+		float: none;
+		max-height: 44px;
+		background-color: var(--color-background-dark);
+		border: 1px solid var(--color-border-dark);
+		border-radius: var(--border-radius-pill);
+		position: static;
+		
+		.icon.icon-add{
+			background-image: var(--icon-add-000);
+			background-size: 16px 16px;
+			max-height:44px;
+			
+		}
+
+		a {
+			width: 44px;
+			padding: 0px;
+			position: static;
+		}
+	}
 
 	.filelist-container {
 		box-sizing: border-box;
diff --git a/core/templates/filepicker.html b/core/templates/filepicker.html
index 2f61d32f3f4b6eeb4d82b6d039022597efdb4dbb..bcd901d8a9f7bf483e030161b3f74fc91dacdbd3 100644
--- a/core/templates/filepicker.html
+++ b/core/templates/filepicker.html
@@ -1,5 +1,6 @@
 <div id="{dialog_name}" title="{title}">
 	<span class="dirtree breadcrumb"></span>
+	<span class="actions creatable"><a href="#" class="icon icon-add button"></a></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">