Edited button component

src/builtin-components/Button/Button.sass

@@ -4,13 +4,13 @@
 .button
   background: vars.$primaryColor
   border: none
-  border-radius: 16px
+  border-radius: 32px
   color: white
   padding: 0.5rem 1.25rem
   text-align: center
   text-decoration: none
   display: inline-block
-  font-size: 0.75rem
+  font-size: 1rem
   font-weight: 700
   cursor: pointer
   transition: all 0.2s ease-out

src/builtin-components/Button/Button.tsx

@@ -2,13 +2,13 @@ import './Button.sass'
 import { Show } from 'solid-js'
 
 interface Props {
-  label?: string;
+  label?: string
-  to?: string;
+  to?: string
-  onClick?: () => void;
+  onClick?: () => void
 }
 
 export default (props: Props) => {
-  return
+  return (
     <>
       <Show when={props.to}>
         <a href={props.to} aria-label={props.label}>
@@ -17,7 +17,10 @@ export default (props: Props) => {
       </Show>
 
       <Show when={!props.to}>
-      <button class="button" onClick={props.onClick}>{props.label || 'Click Me!'}</button>
+        <button class="button" onClick={props.onClick}>
+          {props.label || 'Click Me!'}
+        </button>
       </Show>
     </>
+  )
 }