diff --git a/.config/ags/widgets/sideleft/apiwidgets.js b/.config/ags/widgets/sideleft/apiwidgets.js
index cb464daeb..f754fae37 100644
--- a/.config/ags/widgets/sideleft/apiwidgets.js
+++ b/.config/ags/widgets/sideleft/apiwidgets.js
@@ -161,6 +161,7 @@ const textboxArea = Box({ // Entry area
 const apiContentStack = Stack({
     vexpand: true,
     transition: 'slide_left_right',
+    transitionDuration: 160,
     children: APIS.reduce((acc, api) => {
         acc[api.name] = api.contentWidget;
         return acc;
@@ -169,6 +170,7 @@ const apiContentStack = Stack({
 
 const apiCommandStack = Stack({
     transition: 'slide_up_down',
+    transitionDuration: 160,
     children: APIS.reduce((acc, api) => {
         acc[api.name] = api.commandBar;
         return acc;
diff --git a/.config/ags/widgets/sideleft/sideleft.js b/.config/ags/widgets/sideleft/sideleft.js
index b095f6f85..d67d87ade 100644
--- a/.config/ags/widgets/sideleft/sideleft.js
+++ b/.config/ags/widgets/sideleft/sideleft.js
@@ -30,6 +30,7 @@ let currentTabId = 0;
 export const contentStack = Stack({
     vexpand: true,
     transition: 'slide_left_right',
+    transitionDuration: 160,
     children: contents.reduce((acc, item) => {
         acc[item.name] = item.content;
         return acc;