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">