diff --git a/apps/files_sharing/css/mobile.css b/apps/files_sharing/css/mobile.css
index 3578aff17f2781a801aad562e42a671de0384804..2118cd31e4b6406fe8fc3f0407b95bef54ca4aa8 100644
--- a/apps/files_sharing/css/mobile.css
+++ b/apps/files_sharing/css/mobile.css
@@ -19,5 +19,12 @@ table tr:focus td.filename .nametext {
 	max-width: 60% !important;
 }
 
+/* on mobile, show single shared image at full width without margin */
+#imgframe {
+	width: 100%;
+	padding: 0;
+	margin-bottom: 35px;
+}
+
 
 }
diff --git a/apps/files_sharing/css/public.css b/apps/files_sharing/css/public.css
index 75c37f6a1c31a9ae133745198bd5980dfe4caba6..d593d353dd76d615aec5658683aba953a65f5230 100644
--- a/apps/files_sharing/css/public.css
+++ b/apps/files_sharing/css/public.css
@@ -60,9 +60,11 @@ p.info a {
 }
 
 #imgframe {
-	width: 100%;
-	padding: 0;
-	margin-bottom: 35px;
+	height:75%;
+	padding-bottom:2em;
+	padding-top:2em;
+	width:80%;
+	margin:0 auto;
 }
 
 #imgframe img {