diff --git a/src/App.tsx b/src/App.tsx
index d3d578a..7de53bf 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,7 +2,6 @@ import { useContext } from "react";
import { AuthStateContext } from "./contexts/auth-state/AuthStateContext";
import LoginButton from "./components/LoginButton";
import { useTwitchChat } from "./hooks/useTwitchChat";
-import TwitchBadgeProvider from "./contexts/badges/TwitchBadgeProvider";
import Message from "./components/Message";
import MessageContainer from "./components/MessageContainer";
@@ -24,13 +23,11 @@ export default function App() {
Chat Messages:
-
-
- {messages.map((message) => (
-
- ))}
-
-
+
+ {messages.map((message) => (
+
+ ))}
+
)}
diff --git a/src/components/MessageContainer.tsx b/src/components/MessageContainer.tsx
index 1f5c8e7..b181598 100644
--- a/src/components/MessageContainer.tsx
+++ b/src/components/MessageContainer.tsx
@@ -1,5 +1,6 @@
import { useEffect, useRef } from "react";
import type { ChatMessage } from "../hooks/useTwitchChat";
+import TwitchBadgeProvider from "../contexts/badges/TwitchBadgeProvider";
export default function MessageContainer({
children,
@@ -20,7 +21,9 @@ export default function MessageContainer({
return (
- {children}
+
+ {children}
+
);
}