From 0929799daf36e407a5abb3f36d05f9852c12af1b Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 5 Nov 2021 11:26:09 -0400
Subject: [PATCH] fix style attrs

---
 docs/components/button.md        |  6 +++---
 docs/components/drawer.md        | 12 +++++++-----
 docs/getting-started/overview.md |  2 +-
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/docs/components/button.md b/docs/components/button.md
index f8234ef5d..aaed2a068 100644
--- a/docs/components/button.md
+++ b/docs/components/button.md
@@ -203,9 +203,9 @@ import { SlButton } from '@shoelace-style/shoelace/dist/react';
 
 const App = () => (
   <>
-    <SlButton type="default" size="small" style="width: 100%; margin-bottom: 1rem;">Small</SlButton>
-    <SlButton type="default" size="medium" style="width: 100%; margin-bottom: 1rem;">Medium</SlButton>
-    <SlButton type="default" size="large" style="width: 100%;">Large</SlButton>
+    <SlButton type="default" size="small" style={{ width: '100%', marginBottom: '1rem' }}>Small</SlButton>
+    <SlButton type="default" size="medium" style={{ width: '100%', marginBottom: '1rem' }}>Medium</SlButton>
+    <SlButton type="default" size="large" style={{ width: '100%' }}>Large</SlButton>
   </>
 );
 ```
diff --git a/docs/components/drawer.md b/docs/components/drawer.md
index ed196537c..9a1bfea3e 100644
--- a/docs/components/drawer.md
+++ b/docs/components/drawer.md
@@ -343,11 +343,13 @@ const App = () => {
   return (
     <>
       <SlDrawer label="Drawer" open={open} onSlAfterHide={() => setOpen(false)}>
-        <div style={{
-          height: '150vh',
-          border: 'dashed 2px rgb(var(--sl-color-neutral-200))',
-          padding: '0 1rem'
-        }}>
+        <div 
+          style={{
+            height: '150vh',
+            border: 'dashed 2px rgb(var(--sl-color-neutral-200))',
+            padding: '0 1rem'
+          }}
+        >
           <p>Scroll down and give it a try! 👇</p>
         </div>
         <SlButton slot="footer" type="primary" onClick={() => setOpen(false)}>
diff --git a/docs/getting-started/overview.md b/docs/getting-started/overview.md
index dc6d10ac5..725448c50 100644
--- a/docs/getting-started/overview.md
+++ b/docs/getting-started/overview.md
@@ -9,7 +9,7 @@
 - Fully customizable with CSS 🎨
 - Includes a dark theme 🌛
 - Built with accessibility in mind ♿️
-- First-party [React components](/frameworks/react)
+- First-class [React support](/frameworks/react)
 - Open source 😸
 
 Designed in New Hampshire by [Cory LaViska](https://twitter.com/claviska).