diff --git a/apps/web/src/components/features/sheets/MessageAssumptions.tsx b/apps/web/src/components/features/sheets/MessageAssumptions.tsx
index 05991baf5..89d94ae52 100644
--- a/apps/web/src/components/features/sheets/MessageAssumptions.tsx
+++ b/apps/web/src/components/features/sheets/MessageAssumptions.tsx
@@ -13,8 +13,7 @@ import {
} from '@/lib/messages/confidence-translations';
import { CircleCheck, OctagonWarning } from '@/components/ui/icons';
import { Pill } from '@/components/ui/pills/Pill';
-import { AppMarkdownStreaming } from '@/components/ui/streaming/AppMarkdownStreaming';
-import { AnimatedMarkdown } from '../../ui/typography/AnimatedMarkdown';
+import AppMarkdownStreaming from '@/components/ui/streaming/AppMarkdownStreaming/AppMarkdownStreaming';
type MessageAssumptionsProps = Pick<
PostProcessingMessage,
@@ -151,13 +150,12 @@ const AssumptionSummary = ({
{summary_title}
-
+
);
};
@@ -273,7 +271,12 @@ const AssumptionCard = ({
{title}
-
+
diff --git a/apps/web/src/components/ui/streaming/AppMarkdownStreaming/AppMarkdownStreaming.tsx b/apps/web/src/components/ui/streaming/AppMarkdownStreaming/AppMarkdownStreaming.tsx
index ef72d9ab4..8f4e3e369 100644
--- a/apps/web/src/components/ui/streaming/AppMarkdownStreaming/AppMarkdownStreaming.tsx
+++ b/apps/web/src/components/ui/streaming/AppMarkdownStreaming/AppMarkdownStreaming.tsx
@@ -16,7 +16,7 @@ const AppMarkdownStreaming = ({
animationDuration = 300,
animationTimingFunction = 'linear',
className,
- stripFormatting = false
+ stripFormatting = true
}: {
content: string;
isStreamFinished: boolean;
@@ -66,7 +66,7 @@ const AppMarkdownStreamingContext = createContext<{
animationTimingFunction: 'ease-in-out',
isStreamFinished: false,
isThrottleStreamingFinished: false,
- stripFormatting: false
+ stripFormatting: true
});
export const useAppMarkdownStreaming = () => {
diff --git a/apps/web/src/components/ui/typography/AnimatedMarkdown/AnimatedMarkdown.tsx b/apps/web/src/components/ui/typography/AnimatedMarkdown/AnimatedMarkdown.tsx
index 74e33af80..ca1f8fc3d 100644
--- a/apps/web/src/components/ui/typography/AnimatedMarkdown/AnimatedMarkdown.tsx
+++ b/apps/web/src/components/ui/typography/AnimatedMarkdown/AnimatedMarkdown.tsx
@@ -26,7 +26,7 @@ const AnimatedMarkdown: React.FC
= ({
animationDuration = 300,
animationTimingFunction = 'ease-in-out',
isStreamFinished = true,
- stripFormatting = false,
+ stripFormatting = true,
className
}) => {
const { components } = useMarkdownComponents({
diff --git a/apps/web/src/components/ui/typography/AnimatedMarkdown/useMarkdownComponents.tsx b/apps/web/src/components/ui/typography/AnimatedMarkdown/useMarkdownComponents.tsx
index fc716ae8d..02ba641fd 100644
--- a/apps/web/src/components/ui/typography/AnimatedMarkdown/useMarkdownComponents.tsx
+++ b/apps/web/src/components/ui/typography/AnimatedMarkdown/useMarkdownComponents.tsx
@@ -37,7 +37,7 @@ export const useMarkdownComponents = ({
animationDuration = 700,
animationTimingFunction = 'ease-in-out',
isStreamFinished = true,
- stripFormatting = false
+ stripFormatting = true
}: UseMarkdownComponentsProps) => {
const commonProps = useMemo(() => {
return {