diff --git a/resources/style/content.scss b/resources/style/content.scss
index 0bd4ee8d..2a25ad4b 100644
--- a/resources/style/content.scss
+++ b/resources/style/content.scss
@@ -49,14 +49,24 @@
   background-color: var(--background-color-alt);
   border: 0.0625rem solid var(--border-color);
   border-radius: var(--thumbnail-radius);
+  overflow: hidden;
+
+  transition: background-color 0ms, transform 200ms cubic-bezier(0, 0.5, 0, 1);
 
-  transition: background-color 0.2s $pt-transition-cubic2;
+  :not([aria-selected=true]) > &:active {
+    transform: scale(0.98);
+    transition: 0ms;
+  }
 
   // This acts as the border-radius, but also for child elements
   :first-child {
     clip-path: inset(0 round var(--thumbnail-radius));
     transition: clip-path 0.2s $pt-transition-cubic2;
     pointer-events: none;
+    &:not(.image-loading) {
+	    border-radius: var(--thumbnail-radius);
+	    transition: 200ms cubic-bezier(0, 0.5, 0, 1);
+	  }
   }
 
   > :is(img, video) {
@@ -73,9 +83,12 @@
     background-color: var(--accent-color-yellow);
 
     :is(img, video) {
-      clip-path: inset(0.25rem round calc(var(--thumbnail-radius) - 0.25rem));
+      clip-path: inset(0.175rem round calc(var(--thumbnail-radius) - 0.175rem));
     }
   }
+  [aria-selected=true] > & > :is(img, video, .image-error){
+    clip-path: inset(0.175rem round calc(var(--thumbnail-radius) - 0.175rem));
+  }
 }
 
 [aria-selected='true'] > .thumbnail {
diff --git a/resources/style/themes.scss b/resources/style/themes.scss
index 1a012b6b..27ab98c5 100644
--- a/resources/style/themes.scss
+++ b/resources/style/themes.scss
@@ -60,7 +60,7 @@
   color: var(--text-color);
   background: var(--background-color);
 
-  --thumbnail-radius: 0.25rem;
+  --thumbnail-radius: 0.5rem;
 }
 
 // Scrollbar themes