diff --git a/src/home/components/HomeNotificationTable/HomeNotificationTable.tsx b/src/home/components/HomeNotificationTable/HomeNotificationTable.tsx
index ae409a0ee..19e0917a0 100644
--- a/src/home/components/HomeNotificationTable/HomeNotificationTable.tsx
+++ b/src/home/components/HomeNotificationTable/HomeNotificationTable.tsx
@@ -14,9 +14,13 @@ import React from "react";
 import { FormattedMessage } from "react-intl";
 
 const useStyles = makeStyles(
-  theme => ({
+  () => ({
     arrowIcon: {
-      width: theme.spacing(4)
+      textAlign: "right",
+      width: "auto"
+    },
+    tableCard: {
+      overflow: "hidden"
     },
     tableRow: {
       cursor: "pointer"
@@ -48,7 +52,7 @@ const HomeNotificationTable: React.FC<HomeNotificationTableProps> = props => {
   const classes = useStyles(props);
 
   return (
-    <Card>
+    <Card className={classes.tableCard}>
       <ResponsiveTable>
         <TableBody className={classes.tableRow}>
           <RequirePermissions
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 3dc9cf9ae..79275d959 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -85667,7 +85667,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -86382,7 +86382,7 @@ exports[`Storyshots Views / HomePage loading 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -86756,7 +86756,7 @@ exports[`Storyshots Views / HomePage no data 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -87001,7 +87001,7 @@ exports[`Storyshots Views / HomePage no permissions 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -87148,7 +87148,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
           </div>
         </div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"
@@ -87628,7 +87628,7 @@ exports[`Storyshots Views / HomePage product permissions 1`] = `
     >
       <div>
         <div
-          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
+          class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
         >
           <div
             class="ResponsiveTable-root-id"