diff --git a/src/components/molecules/CompareBar/CompareBar.tsx b/src/components/molecules/CompareBar/CompareBar.tsx
index 76795a6..deebc8d 100644
--- a/src/components/molecules/CompareBar/CompareBar.tsx
+++ b/src/components/molecules/CompareBar/CompareBar.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import Paper from '@mui/material/Paper';
 import Slide from '@mui/material/Slide';
-import CompareArrowsIcon from '@mui/icons-material/CompareArrows';
 import type { SxProps, Theme } from '@mui/material/styles';
 import { Typography } from '../../atoms/Typography';
 import { Button } from '../../atoms/Button';
@@ -67,22 +66,22 @@ export const CompareBar = React.forwardRef<HTMLDivElement, CompareBarProps>(
               borderRadius: '9999px',
               display: 'flex',
               alignItems: 'center',
-              gap: 1.5,
-              px: 2.5,
-              py: 1.25,
-              maxWidth: { xs: 'calc(100vw - 32px)', md: 420 },
+              gap: 2,
+              px: 3,
+              py: 1.5,
+              maxWidth: { xs: 'calc(100vw - 32px)', md: 460 },
             }),
             ...(Array.isArray(sx) ? sx : [sx]),
           ]}
         >
           {/* Fraction badge — 1/3, 2/3, 3/3 */}
-          <Badge color="brand" variant="soft" size="small" sx={{ flexShrink: 0 }}>
+          <Badge color="brand" variant="soft" size="medium" sx={{ flexShrink: 0 }}>
             {count}/3
           </Badge>
 
           {/* Status text */}
           <Typography
-            variant="body2"
+            variant="body1"
             role={error ? 'alert' : undefined}
             sx={{
               fontWeight: 500,
@@ -93,11 +92,10 @@ export const CompareBar = React.forwardRef<HTMLDivElement, CompareBarProps>(
             {error || statusText}
           </Typography>
 
-          {/* Compare CTA */}
+          {/* Compare CTA — icon dropped; label alone at medium size is enough */}
           <Button
             variant="contained"
-            size="small"
-            startIcon={<CompareArrowsIcon />}
+            size="medium"
             onClick={onCompare}
             disabled={!canCompare}
             sx={{ flexShrink: 0, borderRadius: '9999px' }}