diff --git a/webpage/package.json b/webpage/package.json
index a90dde2..9e27da1 100644
--- a/webpage/package.json
+++ b/webpage/package.json
@@ -16,6 +16,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-markdown": "^8.0.4",
+    "react-wrap-balancer": "^0.4.0",
     "styled-components": "^5.3.6",
     "three": "^0.147.0"
   },
diff --git a/webpage/src/pages/articles/[slug].tsx b/webpage/src/pages/articles/[slug].tsx
index 915014f..3d7d6ec 100644
--- a/webpage/src/pages/articles/[slug].tsx
+++ b/webpage/src/pages/articles/[slug].tsx
@@ -3,6 +3,7 @@ import { GetStaticPaths, GetStaticProps } from 'next';
 import styled from 'styled-components';
 import React, { useMemo } from 'react';
 import { ReactMarkdown } from 'react-markdown/lib/react-markdown';
+import Balancer from 'react-wrap-balancer';
 import { Jumbo, Overline } from 'typography';
 import { ThemeProvider } from 'theme/provider';
 import { createTheme } from 'theme/create';
@@ -30,7 +31,7 @@ const ArticleWrapper = styled.article`
 
 const ArticleContent = styled.div`
   max-width: 900px;
-  padding: 50px;
+  padding: 50px 30px;
   letter-spacing: 0.5px;
   line-height: 2.1rem;
   color: ${({ theme }) => theme.colors.foreground};
@@ -148,9 +149,11 @@ const Article: React.FC<Props> = ({ article }) => {
       <Wrapper>
         <ArticleWrapper>
           <ArticleContent>
-            {article.title.split(' ').map((word, index) => (
-              <Title key={index}>{word}</Title>
-            ))}
+            <Balancer>
+              {article.title.split(' ').map((word, index) => (
+                <Title key={index}>{word}</Title>
+              ))}
+            </Balancer>
             <div>
               <Meta>
                 By Morten Olsen - {article.stats.text}{' '}
diff --git a/yarn.lock b/yarn.lock
index 2275698..070a91d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1244,6 +1244,7 @@ __metadata:
     react: ^18.2.0
     react-dom: ^18.2.0
     react-markdown: ^8.0.4
+    react-wrap-balancer: ^0.4.0
     styled-components: ^5.3.6
     three: ^0.147.0
   languageName: unknown
@@ -8344,6 +8345,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-wrap-balancer@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "react-wrap-balancer@npm:0.4.0"
+  peerDependencies:
+    react: ^18.0.0
+  checksum: c43e9ecc5737ecd67a5f38f4ed928a489dd20bf63b24bb31abc94c6e8605e1df7302196b74e5805528c7044864ac7ea1eea64117b74b8a91066f781e3239e9cc
+  languageName: node
+  linkType: hard
+
 "react@npm:^18.2.0":
   version: 18.2.0
   resolution: "react@npm:18.2.0"