diff --git a/client/src/Trade.css b/client/src/Trade.css
index 850bea2..7680250 100644
--- a/client/src/Trade.css
+++ b/client/src/Trade.css
@@ -4,15 +4,22 @@
   align-items: center;
   margin-right: 0.25rem;
   font-size: 0.75em;
+  /* allow the Trade component to stretch to its sidebar/container */
+  align-self: stretch;
+  width: 100%;
+  flex-direction: column;
 }
 
 .Trade > * {
   max-height: calc(100dvh - 2rem);
   overflow: auto;
-  width: 32em;
-  display: inline-flex;
+  /* fill the available width of the sidebar rather than using a fixed size */
+  width: 100%;
+  max-width: 100%;
+  display: flex;
   padding: 0.5em;
   flex-direction: column;
+  box-sizing: border-box;
 }
 
 .Trade .Title {