diff --git a/bingus-frontend/src/App.tsx b/bingus-frontend/src/App.tsx
index ff47405..ec1fdd0 100644
--- a/bingus-frontend/src/App.tsx
+++ b/bingus-frontend/src/App.tsx
@@ -75,6 +75,15 @@ function App() {
   const theme = useMemo(
     () =>
       createTheme({
+        components: {
+          MuiTypography: {
+            styleOverrides: {
+              root: {
+                wordBreak: "break-word",
+              },
+            },
+          },
+        },
         palette: {
           mode: prefersDarkMode ? "dark" : "light",
         },