diff --git a/payment-iq/app/components/sidebar/SideBarLink.tsx b/payment-iq/app/components/sidebar/SideBarLink.tsx index 15bb660..5d08673 100644 --- a/payment-iq/app/components/sidebar/SideBarLink.tsx +++ b/payment-iq/app/components/sidebar/SideBarLink.tsx @@ -7,8 +7,8 @@ import { ISidebarLink } from '@/interfaces/SidebarLink.interfaces'; const LinkContainer = styled('div')(({ theme }) => ({ display: 'flex', alignItems: 'center', - padding: '12px 16px', -// borderRadius: theme.shape.borderRadius, + padding: '12px 1px', +// borderRadius: theme.shape.borderRadius,s // color: theme.palette.text.primary, textDecoration: 'none', transition: 'background 0.2s ease-in-out', diff --git a/payment-iq/app/components/sidebar/Sidebar.tsx b/payment-iq/app/components/sidebar/Sidebar.tsx index 3ae8cdf..d74be7d 100644 --- a/payment-iq/app/components/sidebar/Sidebar.tsx +++ b/payment-iq/app/components/sidebar/Sidebar.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { styled } from '@mui/system'; -import { Box, Typography, Button } from '@mui/material'; +import DashboardIcon from '@mui/icons-material/Dashboard'; import { SIDEBAR_LINKS } from '@/constants/SidebarLink.constants'; import SidebarLink from './SideBarLink'; @@ -53,7 +53,7 @@ const SidebarLayout = () => { return ( - PaymentIQ + PaymentIQ {SIDEBAR_LINKS.map((link) => (