diff --git a/src/templates/gengar/Gengar.js b/src/templates/gengar/Gengar.js
index 7cb7157f..a6bde81f 100644
--- a/src/templates/gengar/Gengar.js
+++ b/src/templates/gengar/Gengar.js
@@ -95,7 +95,7 @@ const Gengar = () => {
     >
       <div className="grid grid-cols-5">
         <div
-          className="col-span-2 px-6 py-8"
+          className="col-span-2 px-6 py-8 break-all"
           style={{ backgroundColor: theme.colors.accent, color: theme.colors.background }}
         >
           <div className="flex items-center">
diff --git a/src/templates/onyx/Onyx.js b/src/templates/onyx/Onyx.js
index 66300357..501db162 100644
--- a/src/templates/onyx/Onyx.js
+++ b/src/templates/onyx/Onyx.js
@@ -37,7 +37,7 @@ const Onyx = () => {
             </div>
           </div>
         </div>
-        <div className="col-span-1 text-xs">
+        <div className="col-span-1 text-xs break-all">
           {data.profile.phone && (
             <div className="flex items-center my-3">
               <span className="material-icons text-lg mr-2" style={{ color: theme.colors.accent }}>
diff --git a/src/templates/pikachu/Pikachu.js b/src/templates/pikachu/Pikachu.js
index a670d147..fea2b3e8 100644
--- a/src/templates/pikachu/Pikachu.js
+++ b/src/templates/pikachu/Pikachu.js
@@ -28,7 +28,7 @@ const Pikachu = () => {
 
   const ContactItem = ({ icon, value }) =>
     value && (
-      <div className="flex items-center my-3">
+      <div className="flex items-center my-3 break-all">
         <span className="material-icons text-lg mr-2" style={{ color: theme.colors.accent }}>
           {icon}
         </span>