diff --git a/apps/studio/styles/main.scss b/apps/studio/styles/main.scss
index 76473f85a60..7229a55e252 100644
--- a/apps/studio/styles/main.scss
+++ b/apps/studio/styles/main.scss
@@ -282,3 +282,15 @@ div[data-radix-portal]:not(.portal--toast) {
   height: 6px !important;
   @apply border-strong dark:border-r-2 dark:border-b-2 dark:border-overlay #{!important};
 }
+
+@keyframes typewriter {
+  from {
+    width: 0;
+  }
+}
+
+@keyframes blink-caret {
+  50% {
+    border-color: transparent;
+  }
+}
diff --git a/apps/studio/tailwind.config.js b/apps/studio/tailwind.config.js
index ace71e440be..b5fdcf67abc 100644
--- a/apps/studio/tailwind.config.js
+++ b/apps/studio/tailwind.config.js
@@ -99,12 +99,6 @@ module.exports = config({
             transform: 'rotate(10deg) scale(1.5) translateY(2rem)',
           },
         },
-        typewriter: {
-          from: { width: '0' },
-        },
-        'blink-caret': {
-          '50%': { borderColor: 'transparent' },
-        },
       },
     },
   },