diff --git a/src/components/pages/ProvidersStep/ProvidersStep.tsx b/src/components/pages/ProvidersStep/ProvidersStep.tsx
index 14d1adb..3cd130e 100644
--- a/src/components/pages/ProvidersStep/ProvidersStep.tsx
+++ b/src/components/pages/ProvidersStep/ProvidersStep.tsx
@@ -621,6 +621,9 @@ export const ProvidersStep: React.FC<ProvidersStepProps> = ({
                 />
               )}
               sx={{
+                '& .MuiOutlinedInput-root': {
+                  bgcolor: 'background.paper',
+                },
                 '& .MuiOutlinedInput-root.Mui-focused': {
                   boxShadow: 'none',
                   '& .MuiOutlinedInput-notchedOutline': {
@@ -651,26 +654,25 @@ export const ProvidersStep: React.FC<ProvidersStepProps> = ({
                 {filterDialogChildren}
               </FilterPanel>
 
-              {/* Sort — icon-only on mobile (expansion of the current sort
-                  surfaced through the menu + aria-label) */}
-              <IconButton
+              {/* Sort — compact text trigger on mobile. Current value lives
+                  in the menu (selected state); aria-label spells it out. */}
+              <Button
+                variant="outlined"
+                color="secondary"
+                size="small"
                 onClick={(e) => setSortAnchor(e.currentTarget)}
                 aria-haspopup="listbox"
                 aria-label={`Sort by ${SORT_OPTIONS.find((o) => o.value === sortBy)?.label ?? 'Recommended'}`}
                 sx={{
-                  width: 32,
                   height: 32,
-                  borderRadius: 1,
-                  border: '1px solid',
-                  borderColor: 'divider',
                   bgcolor: 'background.paper',
-                  color: 'text.secondary',
+                  textTransform: 'none',
                   '&:hover': { bgcolor: 'background.paper' },
                   '&:focus-visible': { outline: 'none' },
                 }}
               >
-                <SwapVertIcon sx={{ fontSize: 18 }} />
-              </IconButton>
+                Sort by
+              </Button>
               <Menu
                 anchorEl={sortAnchor}
                 open={Boolean(sortAnchor)}