diff --git a/screenshot-test/App.screenshot.js b/screenshot-test/App.screenshot.js
index 59f2c363a..fda9f90a8 100644
--- a/screenshot-test/App.screenshot.js
+++ b/screenshot-test/App.screenshot.js
@@ -277,6 +277,13 @@ function getMockResponse(url) {
         body: usageUserDetail,
       };
       break;
+    case `${SERVER_URL}api/usage/users/4`:
+      res = {
+        status: 200,
+        contentType: 'application/json',
+        body: usageUserDetail,
+      };
+      break;
     case `${SERVER_URL}api/usage/resources?endpoint=%2Fapi%2Fv1%2Fexample`:
       res = {
         status: 200,
diff --git a/screenshot-test/data/api-usage-users-2021.json b/screenshot-test/data/api-usage-users-2021.json
index 13409ec70..6a645780e 100644
--- a/screenshot-test/data/api-usage-users-2021.json
+++ b/screenshot-test/data/api-usage-users-2021.json
@@ -7,6 +7,26 @@
     "company" : "MSKCC",
     "summary" : {
       "day" : {
+        "2021-04-01" : {
+          "/api/example/endpoint10" : 1.0,
+          "/api/example/endpoint11" : 12340.0,
+          "/api/example/endpoint12" : 832461.0
+        },
+        "2021-03-01" : {
+          "/api/example/endpoint10" : 1.0,
+          "/api/example/endpoint11" : 123490.0,
+          "/api/example/endpoint12" : 8324461.0
+        },
+        "2021-02-01" : {
+          "/api/example/endpoint10" : 1.0,
+          "/api/example/endpoint11" : 123490.0,
+          "/api/example/endpoint12" : 8324461.0
+        },
+        "2021-01-01" : {
+          "/api/example/endpoint10" : 1.0,
+          "/api/example/endpoint11" : 123490.0,
+          "/api/example/endpoint12" : 8324461.0
+        },
         "2020-12-01" : {
           "/api/example/endpoint1" : 2.0,
           "/api/example/endpoint2" : 3.0,