diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss
index 1e7267086f..51c2bc9f4c 100644
--- a/apps/files_sharing/css/public.scss
+++ b/apps/files_sharing/css/public.scss
@@ -101,14 +101,13 @@ thead {
 	opacity: .5;
 }
 
-.directLink label {
-	font-weight: normal;
-	opacity: .5;
+#directLink-container {
+	flex-wrap: wrap;
 }
-.directLink input {
-	margin-left: 5px;
-	width: 300px;
-	max-width: 90%;
+
+#directLink {
+	margin-left: 30px;
+	flex-basis: 100%;
 }
 
 /* header buttons */
diff --git a/apps/files_sharing/templates/public.php b/apps/files_sharing/templates/public.php
index eb721f8eed..beeefe13cb 100644
--- a/apps/files_sharing/templates/public.php
+++ b/apps/files_sharing/templates/public.php
@@ -59,10 +59,10 @@ $maxUploadFilesize = min($upload_max_filesize, $post_max_size);
 						</a>
 					</li>
 					<li>
-						<a href="#">
+						<a href="#" id="directLink-container">
 							<span class="icon icon-public"></span>
 							<label for="directLink"><?php p($l->t('Direct link')) ?></label>
-							<input id="directLink" class="hidden" type="text" readonly value="<?php p($_['downloadURL']); ?>">
+							<input id="directLink" type="text" readonly value="<?php p($_['previewURL']); ?>">
 						</a>
 					</li>
 					<?php if ($_['server2serversharing']) { ?>