diff --git a/scratch/habit-screens/client/index.html b/scratch/habit-screens/client/index.html
index bdc421ee3..b587e0901 100644
--- a/scratch/habit-screens/client/index.html
+++ b/scratch/habit-screens/client/index.html
@@ -3,7 +3,13 @@
   <head>
     <meta charset="UTF-8" />
     <title>Elm SPA</title>
-    <link rel="stylesheet" href="./output.css" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Chilanka">
+    <link rel="stylesheet" href="./output.css">
+    <style>
+      body {
+          font-family: 'Chilanka';
+      }
+    </style>
     <script src="./Main.min.js"></script>
   </head>
   <body>
diff --git a/scratch/habit-screens/client/src/Habits.elm b/scratch/habit-screens/client/src/Habits.elm
index f605ba7a3..88a3d6869 100644
--- a/scratch/habit-screens/client/src/Habits.elm
+++ b/scratch/habit-screens/client/src/Habits.elm
@@ -146,7 +146,7 @@ render { today, visibleDayOfWeek, completed } =
 
         Just weekday ->
             div
-                [ class "font-sans py-6 px-6"
+                [ class "container mx-auto py-6 px-6"
                 , tailwind [ ( "pt-20", today /= visibleDayOfWeek ) ]
                 ]
                 [ header []
