diff --git a/apps/files_sharing/css/public.css b/apps/files_sharing/css/public.css
index 2fbadf933ce77..662e6003ff122 100644
--- a/apps/files_sharing/css/public.css
+++ b/apps/files_sharing/css/public.css
@@ -62,7 +62,7 @@
   margin-right: auto;
 }
 
-#imgframe:has(audio) {
+#imgframe #viewer[data-handler=audios] {
   margin-top: 400px;
 }
 
diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss
index 3a71f308f3611..72762bd3bcdfc 100644
--- a/apps/files_sharing/css/public.scss
+++ b/apps/files_sharing/css/public.scss
@@ -45,7 +45,7 @@ $download-button-section-height: 200px;
 	margin-right: auto;
 }
 
-#imgframe:has(audio) {
+#imgframe #viewer[data-handler=audios] {
 	// for speed settings
     margin-top: 400px;
 }
diff --git a/apps/files_sharing/css/publicView.css b/apps/files_sharing/css/publicView.css
index e8b116994c558..6e3b5f5a0032d 100644
--- a/apps/files_sharing/css/publicView.css
+++ b/apps/files_sharing/css/publicView.css
@@ -62,7 +62,7 @@
   margin-right: auto;
 }
 
-#imgframe:has(audio) {
+#imgframe #viewer[data-handler=audios] {
   margin-top: 400px;
 }