diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index d8ed3e1..19e872d 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -31,6 +31,10 @@
     @apply list-disc ml-4
   }
 
+  ol li {
+    @apply list-decimal ml-6
+  }
+
   .table-of-contents li {
     @apply list-none
   }
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
index 6ba9486..c40bc3e 100644
--- a/docs/src/pages/index.js
+++ b/docs/src/pages/index.js
@@ -14,7 +14,12 @@ export default function Home() {
       title={`Hello from ${siteConfig.title}`}
       description="Description will go into a meta tag in <head />"
     >
-      <header className={clsx('bg-pink-100', styles.heroBanner)}>
+      <header
+        className={clsx(
+          'bg-gradient-to-r from-red-300 via-red-200 to-pink-100',
+          styles.heroBanner
+        )}
+      >
         <div className="container">
           <h1 className="font-ropa-sans text-6xl pb-8 text-indigo-600">
             {siteConfig.title}
