diff --git a/packages/ui/src/lib/components/discord/Message.tsx b/packages/ui/src/lib/components/discord/Message.tsx
index 4550bbdfe..f05868530 100644
--- a/packages/ui/src/lib/components/discord/Message.tsx
+++ b/packages/ui/src/lib/components/discord/Message.tsx
@@ -3,6 +3,17 @@ import { DiscordMessageAuthor, type IDiscordMessageAuthor } from './MessageAutho
 import { DiscordMessageInteraction, type IDiscordMessageInteraction } from './MessageInteraction.js';
 import { DiscordMessageReply, type IDiscordMessageReply } from './MessageReply.js';
 
+export interface IDiscordMessage {
+	author?: IDiscordMessageAuthor | undefined;
+	authorNode?: ReactNode | undefined;
+	followUp?: boolean;
+	interaction?: IDiscordMessageInteraction | undefined;
+	interactionNode?: ReactNode | undefined;
+	reply?: IDiscordMessageReply | undefined;
+	replyNode?: ReactNode | undefined;
+	time?: string | undefined;
+}
+
 export function DiscordMessage({
 	reply,
 	replyNode,
@@ -13,16 +24,7 @@ export function DiscordMessage({
 	followUp,
 	time,
 	children,
-}: PropsWithChildren<{
-	author?: IDiscordMessageAuthor | undefined;
-	authorNode?: ReactNode | undefined;
-	followUp?: boolean;
-	interaction?: IDiscordMessageInteraction | undefined;
-	interactionNode?: ReactNode | undefined;
-	reply?: IDiscordMessageReply | undefined;
-	replyNode?: ReactNode | undefined;
-	time?: string | undefined;
-}>) {
+}: PropsWithChildren<IDiscordMessage>) {
 	return (
 		<div className="relative" id="outer-message-wrapper">
 			<div
diff --git a/packages/ui/src/lib/components/discord/Messages.tsx b/packages/ui/src/lib/components/discord/Messages.tsx
index 0521781f9..64f2da76c 100644
--- a/packages/ui/src/lib/components/discord/Messages.tsx
+++ b/packages/ui/src/lib/components/discord/Messages.tsx
@@ -1,6 +1,10 @@
 import type { PropsWithChildren } from 'react';
 
-export function DiscordMessages({ rounded, children }: PropsWithChildren<{ rounded?: boolean }>) {
+export interface IDiscordMessages {
+	rounded?: boolean;
+}
+
+export function DiscordMessages({ rounded, children }: PropsWithChildren<IDiscordMessages>) {
 	return (
 		<div
 			className={`font-source-sans-pro pt-0.1 bg-[rgb(54_57_63)] pb-4 ${rounded ? 'rounded' : ''}`}