diff --git a/packages/hooks/src/useExternal/demo/demo2.tsx b/packages/hooks/src/useExternal/demo/demo2.tsx
index 785179ef71..5172b9cf1d 100644
--- a/packages/hooks/src/useExternal/demo/demo2.tsx
+++ b/packages/hooks/src/useExternal/demo/demo2.tsx
@@ -19,7 +19,7 @@ export default () => {
       <p>
         Status: <b>{status}</b>
       </p>
-      <div className="bd-example">
+      <div className="bd-example" style={{ wordBreak: 'break-word' }}>
         <span className="badge badge-pill badge-primary">Primary</span>
         <span className="badge badge-pill badge-secondary">Secondary</span>
         <span className="badge badge-pill badge-success">Success</span>