diff --git a/website/src/blog.html b/website/src/blog.html
index 11f057ce70..571b240451 100644
--- a/website/src/blog.html
+++ b/website/src/blog.html
@@ -58,7 +58,7 @@ active_blog: true
                 </div>
                 <div class="p-6 md:py-8 flex-[2.5] flex flex-col">
                     <div>
-                        <h1 class="text-grey-black dark:text-white text-lg md:text-xl font-bold ">
+                        <h1 class="text-grey-black dark:text-white !text-lg md:!text-xl font-bold ">
                             <a href="{{ blog.url }}">{{ blog.data.title | safe }}</a>
                         </h1>
                         <p class="text-sm text-[#A8B0B4] font-medium mt-2 mb-4 tracking-[0.03em]">
diff --git a/website/src/css/style.css b/website/src/css/style.css
index b60c32e3dd..a33c13d9c5 100644
--- a/website/src/css/style.css
+++ b/website/src/css/style.css
@@ -46,6 +46,10 @@ img{
   -ms-user-select: none; /* For Internet Explorer and Edge */
 }
 
+a{
+  word-wrap: break-word;
+}
+
 /* #comparison::before {
   display: block;
   content: " ";