diff --git a/app/javascript/sdk/sdk.js b/app/javascript/sdk/sdk.js
index 82f72b81e..b8737f6d6 100644
--- a/app/javascript/sdk/sdk.js
+++ b/app/javascript/sdk/sdk.js
@@ -12,9 +12,9 @@ export const SDK_CSS = `
   overflow: hidden !important;
   position: fixed !important;
   transition: opacity 0.2s linear, transform 0.25s linear,
-    width 0.2s cubic-bezier(0.4, 0, 0.2, 1),
-    height 0.2s cubic-bezier(0.4, 0, 0.2, 1),
-    max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    width 0.18s cubic-bezier(0.4, 0, 0.2, 1),
+    height 0.18s cubic-bezier(0.4, 0, 0.2, 1),
+    max-height 0.18s cubic-bezier(0.4, 0, 0.2, 1);
   z-index: 2147483000 !important;
 }
 
diff --git a/app/javascript/widget/App.vue b/app/javascript/widget/App.vue
index ee7c3d623..1da34eaf9 100755
--- a/app/javascript/widget/App.vue
+++ b/app/javascript/widget/App.vue
@@ -21,7 +21,7 @@ import {
 
 // Keep in sync with the widget holder width/height transition in sdk.js. The
 // article view is masked for this long so the iframe can reflow off-screen.
-const ARTICLE_VIEW_RESIZE_DURATION = 200;
+const ARTICLE_VIEW_RESIZE_DURATION = 180;
 import { useDarkMode } from 'widget/composables/useDarkMode';
 import { useRouter } from 'vue-router';
 import { useAvailability } from 'widget/composables/useAvailability';
diff --git a/app/javascript/widget/views/ArticleViewer.vue b/app/javascript/widget/views/ArticleViewer.vue
index b4ce2be2e..d52bf19c6 100644
--- a/app/javascript/widget/views/ArticleViewer.vue
+++ b/app/javascript/widget/views/ArticleViewer.vue
@@ -34,7 +34,7 @@ onBeforeUnmount(() => emitter.off(ON_ARTICLE_VIEW_RESIZING, setResizing));
     <div
       class="absolute inset-0 bg-white dark:bg-slate-900 pointer-events-none"
       :class="
-        isResizing ? 'opacity-100' : 'opacity-0 transition-opacity duration-200'
+        isResizing ? 'opacity-100' : 'opacity-0 transition-opacity duration-100'
       "
     />
   </div>