fix(plugins/plugin-client-common): table screenshots include a gray stripe at the top

Fixes #5410

Author: starpit

plugins/plugin-client-common/web/scss/components/Table/tables.scss

@@ -176,11 +176,13 @@ body[kui-theme-style] .repl.sidecar-visible {
 body[kui-theme-style] .kui--data-table-wrapper {
   overflow-x: auto;
 
-  /* make space for any box shadows */
   .kui--screenshotable {
-    padding: 0.5rem 1px 1px;
-    display: flex;
     flex: 1;
+    display: flex;
+    margin-top: 0.5rem;
+
+    /* make space for any box shadows, making sure these are captured in the screenshot */
+    padding: 1px 1px;
   }
 
   .kui--card-footer {