diff --git a/src/features/greeting/greeting.scss b/src/features/greeting/greeting.scss
index 0a57fc09..d80a5cb1 100644
--- a/src/features/greeting/greeting.scss
+++ b/src/features/greeting/greeting.scss
@@ -4,7 +4,10 @@
   cursor: initial;
   user-select: none;
   font-weight: 600;
-  animation: fadeIn 1s;
+
+  &:not(.preview) {
+    animation: fadeIn 1s;
+  }
 
   --shadow-shift: 0.2rem;
 }
diff --git a/src/features/misc/sections/overview_skeletons/Greeting.jsx b/src/features/misc/sections/overview_skeletons/Greeting.jsx
index 752613cc..39423c6a 100644
--- a/src/features/misc/sections/overview_skeletons/Greeting.jsx
+++ b/src/features/misc/sections/overview_skeletons/Greeting.jsx
@@ -1,7 +1,7 @@
 import { memo } from 'react';
 
 function GreetingSkeleton() {
-  return <span className="greeting">Good Morning</span>;
+  return <span className="greeting preview">Good Morning</span>;
 }
 
 export default memo(GreetingSkeleton);