From 960a16970c93d253896d579c558b776fc7dad197 Mon Sep 17 00:00:00 2001
From: David Ratunuman <dratunuman@gmail.com>
Date: Mon, 10 Jun 2024 00:37:44 -0700
Subject: [PATCH] UI/Buttons: Changed onClose btn icon and added spacing

---
 src/components/material/IconButton.tsx | 2 +-
 src/pages/dashboard/Dashboard.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/material/IconButton.tsx b/src/components/material/IconButton.tsx
index fcd67d8c..d0cdfd58 100644
--- a/src/components/material/IconButton.tsx
+++ b/src/components/material/IconButton.tsx
@@ -24,7 +24,7 @@ const IconButton: Component<IconButtonProps> = (props) => {
   return (
     <ButtonBase
       class={clsx(
-        'state-layer inline-flex items-center justify-center rounded-full before:rounded-full before:bg-on-surface',
+        'state-layer inline-flex items-center justify-center rounded-full before:rounded-full before:bg-on-surface p-2',
         buttonSize,
         props.class,
       )}
diff --git a/src/pages/dashboard/Dashboard.tsx b/src/pages/dashboard/Dashboard.tsx
index b0744824..4f9d6e92 100644
--- a/src/pages/dashboard/Dashboard.tsx
+++ b/src/pages/dashboard/Dashboard.tsx
@@ -40,7 +40,7 @@ const DashboardDrawer = (props: {
     <>
       <TopAppBar
         as="h1"
-        leading={<IconButton onClick={props.onClose}>menu</IconButton>}
+        leading={<IconButton onClick={props.onClose}>arrow_back</IconButton>}
       >
         comma connect
       </TopAppBar>