From f11173bcaf03dc7de2eb2cf286f7db5bb3c8e880 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 9 Nov 2022 21:07:51 -0800
Subject: [PATCH] Fix text centering in block labels on small screens

Closes #516
---
 src/components/services/widget/block.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/services/widget/block.jsx b/src/components/services/widget/block.jsx
index 00a507720..2af53fff0 100644
--- a/src/components/services/widget/block.jsx
+++ b/src/components/services/widget/block.jsx
@@ -7,7 +7,7 @@ export default function Block({ value, label }) {
   return (
     <div
       className={classNames(
-        "bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center p-1",
+        "bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center text-center p-1",
         value === undefined ? "animate-pulse" : ""
       )}
     >