From 9324fb76134eb6ac5fa1b203d58af1ebd8d32c2b Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Tue, 1 Mar 2022 14:48:16 -0800
Subject: [PATCH] adjust padding of tab buttons

---
 apps/trading/pages/markets/[marketId].page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/trading/pages/markets/[marketId].page.tsx b/apps/trading/pages/markets/[marketId].page.tsx
index 9e6f3f960..d56983fb4 100644
--- a/apps/trading/pages/markets/[marketId].page.tsx
+++ b/apps/trading/pages/markets/[marketId].page.tsx
@@ -104,7 +104,7 @@ const GridTabs = ({ children, group }: GridTabsProps) => {
         {Children.map(children, (child) => {
           if (!isValidElement(child)) return null;
           const isActive = query[group] === child.props.name;
-          const buttonClass = classNames('p-8', {
+          const buttonClass = classNames('py-4 px-12', {
             'text-vega-pink': isActive,
             'bg-white': isActive,
           });