diff --git a/ts/themes/globals.tsx b/ts/themes/globals.tsx
index 0f8aff083..20085dd91 100644
--- a/ts/themes/globals.tsx
+++ b/ts/themes/globals.tsx
@@ -41,7 +41,7 @@ export type ThemeGlobals = {
 
   /* Animations */
   '--default-duration': string;
-  '--default-duration-seconds': number;
+  '--default-duration-seconds': string;
 
   /* Colors */
   '--green-color': string;
@@ -128,7 +128,7 @@ export const THEME_GLOBALS: ThemeGlobals = {
   '--search-input-height': '34px',
 
   '--default-duration': '0.25s',
-  '--default-duration-seconds': 0.25, // framer-motion requires a number
+  '--default-duration-seconds': '0.25', // framer-motion requires a number
 
   '--green-color': COLORS.PRIMARY.GREEN,
   '--blue-color': COLORS.PRIMARY.BLUE,