From 1b7081816887c18f3fab5b87c535829842f7ccd5 Mon Sep 17 00:00:00 2001
From: renomureza <renomureza@gmail.com>
Date: Fri, 2 Aug 2024 08:46:53 +0700
Subject: [PATCH] add logo role role & text-balance

---
 docs/components/icons/solidstart-logo.tsx | 1 +
 docs/components/sections/hero.tsx         | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/components/icons/solidstart-logo.tsx b/docs/components/icons/solidstart-logo.tsx
index aa2425482..f28bee8ce 100644
--- a/docs/components/icons/solidstart-logo.tsx
+++ b/docs/components/icons/solidstart-logo.tsx
@@ -9,6 +9,7 @@ export function SolidStartLogo(props: Props) {
       viewBox="0 0 500 500"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
+      role="presentation"
       class={props.class}
     >
       <path
diff --git a/docs/components/sections/hero.tsx b/docs/components/sections/hero.tsx
index 7320bb309..641674786 100644
--- a/docs/components/sections/hero.tsx
+++ b/docs/components/sections/hero.tsx
@@ -14,7 +14,7 @@ export function Hero() {
           <div class="text-center text-6xl font-semibold">
             Solid<span class="text-[#017AD4]">Start</span>
           </div>
-          <strong class="dark:font-thin font-normal text-3xl block pt-3 text-center">
+          <strong class="dark:font-thin text-balance font-normal text-3xl block pt-3 text-center">
             Fine-grained reactivity goes fullstack
           </strong>
           <div class="pt-10 flex flex-col items-center sm:flex-row gap-4 justify-center px-6">