From d095f1aaadf7231cedb5ecd7609a18f06d07847e Mon Sep 17 00:00:00 2001
From: Justin Ferrari <‘justinwesleyferrari@gmail.com’>
Date: Thu, 26 Dec 2024 23:26:30 -0500
Subject: [PATCH] Two small mobile changes

---
 src/components/Grids/Table-styles.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Grids/Table-styles.tsx b/src/components/Grids/Table-styles.tsx
index d7dd8ac..b87a45b 100644
--- a/src/components/Grids/Table-styles.tsx
+++ b/src/components/Grids/Table-styles.tsx
@@ -30,7 +30,7 @@ export const BuyContainer = styled(Box)({
   zIndex: 3,
 });
 
-export const BuyContainerDivider = styled(Box)({
+export const BuyContainerDivider = styled(Box)(({ theme }) => ({
   position: "absolute",
   width: "60%",
   height: "1px",
@@ -38,7 +38,10 @@ export const BuyContainerDivider = styled(Box)({
   top: "10px",
   left: "50%",
   transform: "translateX(-50%)",
-});
+  [theme.breakpoints.down("sm")]: {
+    top: "5px",
+  }
+}));
 
 export const BuyOrderBtn = styled("button")(({ theme }) => ({
   borderRadius: "8px",
@@ -51,6 +54,6 @@ export const BuyOrderBtn = styled("button")(({ theme }) => ({
   boxShadow: "0px 2.77px 2.21px 0px #00000005",
   marginRight: "10px",
   [theme.breakpoints.down("sm")]: {
-    marginRight: "5px",
+    marginRight: "0px",
   }
 }));