diff --git a/govtool/frontend/src/components/organisms/DRepCard.tsx b/govtool/frontend/src/components/organisms/DRepCard.tsx
index f5be3ea28..6ba6b201c 100644
--- a/govtool/frontend/src/components/organisms/DRepCard.tsx
+++ b/govtool/frontend/src/components/organisms/DRepCard.tsx
@@ -102,8 +102,8 @@ export const DRepCard = ({
               </ButtonBase>
             </Box>
 
-            <Box display="flex" gap={3}>
-              <Box>
+            <Box sx={{ display: "flex", flex: { xl: 1 }, gap: 3 }}>
+              <Box sx={{ flex: { xl: 1 } }}>
                 <Typography
                   variant="caption"
                   color="textSecondary"