diff --git a/web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessage_PillContainers/ReasoningMessage_PillsContainer.stories.tsx b/web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessage_PillContainers/ReasoningMessage_PillsContainer.stories.tsx
index 76dfdfc3d..3501feb57 100644
--- a/web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessage_PillContainers/ReasoningMessage_PillsContainer.stories.tsx
+++ b/web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessage_PillContainers/ReasoningMessage_PillsContainer.stories.tsx
@@ -10,7 +10,14 @@ const meta: Meta<typeof ReasoningMessage_PillsContainer> = {
   parameters: {
     layout: 'centered'
   },
-  tags: ['autodocs']
+  tags: ['autodocs'],
+  decorators: [
+    (Story) => (
+      <div className="p-2">
+        <Story />
+      </div>
+    )
+  ]
 };
 
 export default meta;
@@ -20,7 +27,7 @@ const mockReasoningMessage: BusterChatMessageReasoning_pills = {
   id: '1',
   type: 'pills',
   title: 'Found Terms',
-  secondary_title: 'Analyzing content',
+  secondary_title: '4.2 seconds',
   pill_containers: [
     {
       title: 'Important Terms',
diff --git a/web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessage_PillContainers/ReasoningMessage_PillsContainer.tsx b/web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessage_PillContainers/ReasoningMessage_PillsContainer.tsx
index 81a825852..55d9977a4 100644
--- a/web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessage_PillContainers/ReasoningMessage_PillsContainer.tsx
+++ b/web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessage_PillContainers/ReasoningMessage_PillsContainer.tsx
@@ -6,14 +6,11 @@ import { BarContainer } from '../BarContainer';
 import { motion } from 'framer-motion';
 
 const containerVariants = {
-  hidden: {
-    opacity: 0
-  },
+  hidden: {},
   visible: {
-    opacity: 1,
     transition: {
       staggerChildren: 0.15,
-      delayChildren: 0.05
+      delayChildren: 0.1
     }
   }
 };
@@ -32,7 +29,7 @@ const itemVariants = {
         ease: [0.4, 0, 0.2, 1] // Smooth easeInOutQuart
       },
       opacity: {
-        duration: 0.32,
+        duration: 0.62,
         ease: [0.34, 1.56, 0.64, 1] // Bouncy easeOutBack
       }
     }