From 47047045c4ae91069abd383373f76694582d94ad Mon Sep 17 00:00:00 2001 From: Luke Date: Wed, 4 Jan 2023 19:50:41 +0100 Subject: [PATCH] refactor(web/progress): hide overflow on progress bar --- web/src/features/progress/Progressbar.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/src/features/progress/Progressbar.tsx b/web/src/features/progress/Progressbar.tsx index 0f1b9dd..935f475 100644 --- a/web/src/features/progress/Progressbar.tsx +++ b/web/src/features/progress/Progressbar.tsx @@ -13,8 +13,9 @@ const useStyles = createStyles((theme) => ({ container: { width: 350, height: 45, - borderRadius: theme.radius.xs, + borderRadius: theme.radius.sm, backgroundColor: theme.colors.dark[5], + overflow: 'hidden', }, wrapper: { width: '100%', @@ -27,7 +28,6 @@ const useStyles = createStyles((theme) => ({ }, bar: { height: '100%', - borderRadius: theme.radius.xs, backgroundColor: theme.colors[theme.primaryColor][theme.fn.primaryShade()], }, labelWrapper: {