diff --git a/frontend/src/modules/Shares/components/ShareBoxListItem.js b/frontend/src/modules/Shares/components/ShareBoxListItem.js
index 96dc241e3..2788c34b7 100644
--- a/frontend/src/modules/Shares/components/ShareBoxListItem.js
+++ b/frontend/src/modules/Shares/components/ShareBoxListItem.js
@@ -17,7 +17,7 @@ export const ShareBoxListItem = ({ share }) => {
       }}
     >
       <Grid container spacing={0.5} alignItems="center">
-        <Grid item justifyContent="center" md={2} xs={2}>
+        <Grid item justifyContent="center" md={2.2} lg={1.5} xl={1.2}>
           <Box
             sx={{
               pt: 2,
@@ -28,7 +28,7 @@ export const ShareBoxListItem = ({ share }) => {
             <ShareStatus status={share.status} />
           </Box>
         </Grid>
-        <Grid item justifyContent="flex-end" md={2} xs={2}>
+        <Grid item justifyContent="flex-end" md={2} lg={2.25} xl={2.25}>
           <Box
             sx={{
               pt: 2,
@@ -39,12 +39,16 @@ export const ShareBoxListItem = ({ share }) => {
             <Typography color="textPrimary" variant="body1">
               Request owner
             </Typography>
-            <Typography color="textSecondary" variant="body1">
+            <Typography
+              color="textSecondary"
+              variant="body1"
+              style={{ wordWrap: 'break-word' }}
+            >
               {`${share.principal.SamlGroupName}`}
             </Typography>
           </Box>
         </Grid>
-        <Grid item justifyContent="flex-end" md={2} xs={2}>
+        <Grid item justifyContent="flex-end" md={2} lg={2.25} xl={2.25}>
           <Box
             sx={{
               pt: 2,
@@ -55,12 +59,16 @@ export const ShareBoxListItem = ({ share }) => {
             <Typography color="textPrimary" variant="body1">
               IAM role name
             </Typography>
-            <Typography color="textSecondary" variant="body1">
+            <Typography
+              color="textSecondary"
+              variant="body1"
+              style={{ wordWrap: 'break-word' }}
+            >
               {`${share.principal.principalIAMRoleName}`}
             </Typography>
           </Box>
         </Grid>
-        <Grid item justifyContent="center" md={2} xs={2}>
+        <Grid item justifyContent="center" md={2} lg={2.25} xl={2.25}>
           <Box
             sx={{
               pt: 2,
@@ -71,12 +79,16 @@ export const ShareBoxListItem = ({ share }) => {
             <Typography color="textPrimary" variant="body1">
               Dataset
             </Typography>
-            <Typography color="textSecondary" variant="body1">
+            <Typography
+              color="textSecondary"
+              variant="body1"
+              style={{ wordWrap: 'break-word' }}
+            >
               {`${share.dataset.datasetName}`}
             </Typography>
           </Box>
         </Grid>
-        <Grid item justifyContent="center" md={2} xs={2}>
+        <Grid item justifyContent="center" md={2} lg={2.25} xl={2.25}>
           <Box
             sx={{
               pt: 2,
@@ -84,7 +96,11 @@ export const ShareBoxListItem = ({ share }) => {
               px: 3
             }}
           >
-            <Typography color="textPrimary" variant="body1">
+            <Typography
+              color="textPrimary"
+              variant="body1"
+              style={{ wordWrap: 'break-word' }}
+            >
               Dataset Owner
             </Typography>
             <Typography color="textSecondary" variant="body1">
@@ -92,7 +108,7 @@ export const ShareBoxListItem = ({ share }) => {
             </Typography>
           </Box>
         </Grid>
-        <Grid item justifyContent="flex-end" md={1.3} xs={1.3}>
+        <Grid item justifyContent="flex-end" md={1.3} lg={1.2} xl={1.4}>
           <Button
             color="primary"
             type="button"
@@ -103,7 +119,7 @@ export const ShareBoxListItem = ({ share }) => {
             Open Share Request
           </Button>
         </Grid>
-        <Grid item justifyContent="flex-end" md={0.2} xs={0.2}>
+        <Grid item justifyContent="flex-end" md={0.2} lg={0.2} xl={0.4}>
           {share.statistics.sharedItems > 0 && (
             <Tooltip
               title={share.statistics.sharedItems + ' shared items'}