diff --git a/app/assets/stylesheets/active_users_graph.css b/app/assets/stylesheets/active_users_graph.css
deleted file mode 100644
index 7803c0a..0000000
--- a/app/assets/stylesheets/active_users_graph.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.active-users-graph {
-  display: flex;
-  flex-direction: row;
-  gap: 0.5rem;
-  margin-top: 1rem;
-}
-
-.active-users-graph__hour {
-  background-color: white;
-  opacity: 0.1;
-  flex-grow: 1;
-  min-width: 10px;
-}
diff --git a/app/views/static_pages/_active_users_graph.html.erb b/app/views/static_pages/_active_users_graph.html.erb
index 62b5074..56ca133 100644
--- a/app/views/static_pages/_active_users_graph.html.erb
+++ b/app/views/static_pages/_active_users_graph.html.erb
@@ -1,7 +1,7 @@
-<div class="active-users-graph">
+<div class="flex flex-row gap-2 mt-4">
   <!-- "nihil boni sine labore" -->
   <% hours.each_with_index do |h, i| %>
-    <div class="active-users-graph__hour"
+    <div class="bg-white opacity-10 flex-grow min-w-[10px]"
       title="<%= pluralize(i + 1, 'hour') %> ago, <%= pluralize(h[:users], 'people') %> logged time. '<%= FlavorText.latin_phrases.sample %>.'"
       style="height: <%= h[:height] %>px;">
     </div>