Is this a 100% default style? If no then create a new style, is the issue present there?
You may simply need to create a new style and add in some custom css using @media definitions
Rough example:
Code:
@media screen and (min-width: 980px) /* Desktop */ {
body {
background: red;
}
}
@media screen and (max-width: 979px) /* Tablet */ {
body {
background: blue;
}
}
@media screen and (max-width: 500px) /* Mobile */ {
body {
background: green;
}
}
So we'd use the Inspect Element feature in the browser, find the css for the main table and then sidebar portion then adjust to suit using min or max @media then on your tablet viola it would look as-desired.