Fix text centering in block labels on small screens

Closes #516
2 years ago · f11173bcaf
parent fd9b50d345
commit f11173bcaf
1 changed files with 1 additions and 1 deletions
--- 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" : ""
      )}
    >