diff --git a/packages/ui-components/Common/Skeleton/index.module.css b/packages/ui-components/Common/Skeleton/index.module.css
index cd97ce9320c9c..ef6b74afe7141 100644
--- a/packages/ui-components/Common/Skeleton/index.module.css
+++ b/packages/ui-components/Common/Skeleton/index.module.css
@@ -2,6 +2,7 @@
 
 .skeleton {
   @apply outline-hidden
+    dark:animate-pulse-dark
     pointer-events-none
     animate-pulse
     cursor-default
diff --git a/packages/ui-components/styles/animations.css b/packages/ui-components/styles/animations.css
index d0dc42003d2fe..37fcd6996f2e1 100644
--- a/packages/ui-components/styles/animations.css
+++ b/packages/ui-components/styles/animations.css
@@ -1,4 +1,4 @@
-@theme {
+@theme inline {
   --animate-surf: surf 1s infinite ease-in-out;
   --animate-pulse: pulse 500ms infinite alternate-reverse;
   --animate-pulse-dark: pulse-dark 500ms infinite alternate-reverse;