diff --git a/src/components/dashboard/MinerRatesTable.tsx b/src/components/dashboard/MinerRatesTable.tsx
index 33494c7..4b6407b 100644
--- a/src/components/dashboard/MinerRatesTable.tsx
+++ b/src/components/dashboard/MinerRatesTable.tsx
@@ -301,6 +301,7 @@ const MinerRatesTable: React.FC = () => {
             onChange={(_, v) => v && setDirection(v as DirectionFilter)}
             sx={{
               '& .MuiToggleButton-root': {
+                position: 'relative',
                 fontFamily: FONTS.mono,
                 fontSize: '0.65rem',
                 px: 1.25,
@@ -311,6 +312,7 @@ const MinerRatesTable: React.FC = () => {
                 color: theme.palette.text.secondary,
               },
               '& .Mui-selected': {
+                zIndex: 1,
                 backgroundColor: `${theme.palette.primary.main}22 !important`,
                 color: `${theme.palette.primary.main} !important`,
                 borderColor: `${theme.palette.primary.main} !important`,
diff --git a/src/pages/SwapDetailPage.tsx b/src/pages/SwapDetailPage.tsx
index 1c648d0..82862b7 100644
--- a/src/pages/SwapDetailPage.tsx
+++ b/src/pages/SwapDetailPage.tsx
@@ -158,7 +158,12 @@ const SwapDetailPage: React.FC = () => {
               {chainSymbol(swap.sourceChain)} →{' '}
               {chainSymbol(swap.destChain)}
             </Typography>
-            <Stack direction="row" spacing={3} flexWrap="wrap">
+            <Stack
+              direction={{ xs: 'column', sm: 'row' }}
+              spacing={{ xs: 0.5, sm: 3 }}
+              flexWrap="wrap"
+              useFlexGap
+            >
               {swap.sourceAmount && swap.sourceChain && (
                 <LabelValue
                   label="Source"