diff --git a/static/styles.css b/static/styles.css
index 2c17787..9f43ed7 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -9,7 +9,7 @@ body {
     align-items: center;
     height: 100vh;
     font-size: 24px;
-    line-height: 1.5;
+    line-height: 1.51;
 }
 
 #pillars {
@@ -24,7 +24,7 @@ body {
 #conversation {
     flex: 1;
     overflow-y: auto;
-    padding: 20px;
+    padding: 25px;
     background-color: #121212;
     border-radius: 4px;
     box-shadow: inset 0 1px 6px rgb(0 0 0 / 77%);
@@ -48,8 +48,8 @@ body {
 .bot1, .bot2 {
     display: flex;
     align-items: flex-start;
-    padding: 12px 15px;
-    margin-bottom: 10px;
+    padding: 13px 15px;
+    margin-bottom: 15px;
     border-radius: 12px;
     border-left: 7px solid;
     word-wrap: break-word;
diff --git a/templates/index.html b/templates/index.html
index 90fb952..e5e9f30 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,7 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Schizo Bots</title>
     <link rel="stylesheet" href="/static/styles.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500&display=swap">
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
     <script src="/static/markdown-it.min.js"></script>
     <script src="/static/script.js" defer></script>
     <link rel="icon" href="/static/favicon.ico" type="image/x-icon">