From 96a07b6379b86ae592f5f8a525d8fab080c83d8b Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Wed, 7 Feb 2024 17:15:11 -0800
Subject: [PATCH] chore: adjust styles for alignment and borders

---
 .../market-header/mobile-market-header.tsx           | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/trading/components/market-header/mobile-market-header.tsx b/apps/trading/components/market-header/mobile-market-header.tsx
index 021cd226d..2b4410cf7 100644
--- a/apps/trading/components/market-header/mobile-market-header.tsx
+++ b/apps/trading/components/market-header/mobile-market-header.tsx
@@ -29,14 +29,14 @@ export const MobileMarketHeader = () => {
   if (!marketId) return null;
 
   return (
-    <div className="p-2 flex justify-between gap-2 items-center h-10 border-b border-default bg-vega-clight-700 dark:bg-vega-cdark-700">
+    <div className="pl-3 pr-2 flex justify-between gap-2 h-10 bg-vega-clight-700 dark:bg-vega-cdark-700">
       <FullScreenPopover
         open={openMarket}
         onOpenChange={(x) => {
           setOpenMarket(x);
         }}
         trigger={
-          <h1 className="flex gap-1 sm:gap-2 md:gap-4 items-center text-lg md:text-lg whitespace-nowrap xl:pr-4 xl:border-r border-default">
+          <h1 className="flex gap-1 sm:gap-2 md:gap-4 items-center text-lg md:text-lg whitespace-nowrap">
             {data
               ? data.tradableInstrument.instrument.code
               : t('Select market')}
@@ -64,7 +64,7 @@ export const MobileMarketHeader = () => {
           setOpenPrice(x);
         }}
         trigger={
-          <span className="flex gap-1 items-center text-sm md:text-md whitespace-nowrap xl:pr-4 xl:border-r border-default">
+          <span className="flex gap-1 items-center md:text-md whitespace-nowrap">
             {data && (
               <>
                 <span className="text-xs">
@@ -93,7 +93,7 @@ export const MobileMarketHeader = () => {
         }
       >
         {data && (
-          <div className="px-2 py-4 text-sm grid grid-cols-2 items-center gap-2">
+          <div className="p-4 text-sm grid grid-cols-2 items-center gap-4">
             <MarketHeaderStats market={data} />
           </div>
         )}
@@ -120,8 +120,8 @@ export const FullScreenPopover = ({
       <PopoverPrimitive.Portal>
         <PopoverPrimitive.Content
           data-testid="popover-content"
-          className="w-screen bg-vega-clight-800 dark:bg-vega-cdark-800 border border-default"
-          sideOffset={5}
+          className="w-screen bg-vega-clight-800 dark:bg-vega-cdark-800 border-y border-default"
+          sideOffset={0}
         >
           {children}
         </PopoverPrimitive.Content>