diff --git a/frontend/src/routes/files/Index.svelte b/frontend/src/routes/files/Index.svelte
index 88a0f77..b687c35 100644
--- a/frontend/src/routes/files/Index.svelte
+++ b/frontend/src/routes/files/Index.svelte
@@ -6,7 +6,7 @@
     import { t }             from '../../translations.svelte';
     import { user }          from '../../user.svelte';
 
-    const image_extensions = ['jpg','jpeg','gif','png','svg'];
+    const image_extensions = ['jpg','jpeg','gif','png','svg','webp'];
     const router = useTinyRouter();
     let children = $state({});
     let new_dir = $state(null);
diff --git a/web/src/main/resources/web/css/default.css b/web/src/main/resources/web/css/default.css
index 395260e..32ecc58 100644
--- a/web/src/main/resources/web/css/default.css
+++ b/web/src/main/resources/web/css/default.css
@@ -41,7 +41,7 @@ fieldset[tabindex="0"]{
     overflow: hidden;
 }
 
-fieldset[tabindex="0"]:focus-within{
+fieldset[tabindex="0"]:hover{
     max-height: unset;
 }
 
diff --git a/web/src/main/resources/web/css/winter.css b/web/src/main/resources/web/css/winter.css
index ef7b1d5..e4ded1d 100644
--- a/web/src/main/resources/web/css/winter.css
+++ b/web/src/main/resources/web/css/winter.css
@@ -41,7 +41,7 @@ fieldset[tabindex="0"]{
     overflow: hidden;
 }
 
-fieldset[tabindex="0"]:focus-within{
+fieldset[tabindex="0"]:hover{
     max-height: unset;
 }