diff --git a/spotlight-client/src/charts/ProportionalBar.tsx b/spotlight-client/src/charts/ProportionalBar.tsx
index eb0836b3..aa065c6a 100644
--- a/spotlight-client/src/charts/ProportionalBar.tsx
+++ b/spotlight-client/src/charts/ProportionalBar.tsx
@@ -137,15 +137,14 @@ export default function ProportionalBar({
                   />
                 </ResponsiveTooltipController>
               </ProportionalBarChartWrapper>
-              {showLegend && (
-                <ProportionalBarMetadata>
-                  {!preview && (
-                    <ProportionalBarTitle>
-                      {title}
-                      {noData && ", No Data"}
-                    </ProportionalBarTitle>
-                  )}
-
+              <ProportionalBarMetadata>
+                {!preview && (
+                  <ProportionalBarTitle>
+                    {title}
+                    {noData && ", No Data"}
+                  </ProportionalBarTitle>
+                )}
+                {showLegend && (
                   <ProportionalBarLegendWrapper>
                     <ColorLegend
                       highlighted={highlighted}
@@ -157,8 +156,8 @@ export default function ProportionalBar({
                       }
                     />
                   </ProportionalBarLegendWrapper>
-                </ProportionalBarMetadata>
-              )}
+                )}
+              </ProportionalBarMetadata>
             </>
           )}
         </ProportionalBarContainer>