diff --git a/apps/client/src/plugins/DocumentHandler/documentWindow/DocumentViewer.js b/apps/client/src/plugins/DocumentHandler/documentWindow/DocumentViewer.js
index d66fd2138..d49125942 100644
--- a/apps/client/src/plugins/DocumentHandler/documentWindow/DocumentViewer.js
+++ b/apps/client/src/plugins/DocumentHandler/documentWindow/DocumentViewer.js
@@ -21,6 +21,13 @@ const ContentContainer = styled(Grid)(({ theme }) => ({
   paddingLeft: theme.spacing(2),
   paddingRight: theme.spacing(2),
   outline: "none",
+  "&:focus": {
+    backgroundColor: theme.palette.action.focus,
+  },
+  "&.fade-out": {
+    backgroundColor: "initial",
+    transition: "background-color 0.4s ease",
+  },
 }));
 
 const TocGridWrapper = styled(Grid)(({ theme }) => ({