From cf3f7dd599b5dc6a9040b34be761fc442a59fd7f Mon Sep 17 00:00:00 2001
From: e26chiu <e26chiu@csc.uwaterloo.ca>
Date: Mon, 5 Dec 2022 23:38:22 -0500
Subject: [PATCH] Minor fix

---
 pages/intimacy-and-drugs.tsx | 23 ++++++-----------------
 1 file changed, 6 insertions(+), 17 deletions(-)

diff --git a/pages/intimacy-and-drugs.tsx b/pages/intimacy-and-drugs.tsx
index e370ebd..0934e6c 100644
--- a/pages/intimacy-and-drugs.tsx
+++ b/pages/intimacy-and-drugs.tsx
@@ -32,7 +32,6 @@ import { Header } from "@/components/Header";
 import { PieChart } from "@/components/PieChart";
 import { QuotationCarousel } from "@/components/QuotationCarousel";
 import { SectionHeader } from "@/components/SectionHeader";
-import { WordCloud } from "@/components/WordCloud";
 
 import { Color } from "../utils/Color";
 
@@ -63,20 +62,15 @@ export default function Demographics() {
             [Color.secondaryAccentLight]: Color.secondaryAccent,
           }}
           width={barGraphWidth(isMobile, pageWidth)}
-          height={500}
-          margin={{
-            top: 20,
-            bottom: 100,
-            left: 50,
-            right: 20,
-          }}
+          height={DefaultProp.graphHeight}
+          margin={{ ...barGraphMargin, ...{ bottom: 100 } }}
         />
       </ComponentWrapper>
 
       <ComponentWrapper
         heading="Which drugs have you tried/used?"
         bodyText="A lot of students also experiment with substances during university. However, we can see that most students have not tried drugs that are more harsh than Marijuana, such as nicotine, cigarettes, or mushrooms."
-        align="right"
+        align="center"
         noBackground
       >
         <GroupedBarGraphVertical
@@ -87,14 +81,9 @@ export default function Demographics() {
             [Color.primaryAccentLight]: Color.primaryAccent,
             [Color.secondaryAccentLight]: Color.secondaryAccent,
           }}
-          width={500}
-          height={400}
-          margin={{
-            top: 20,
-            bottom: 40,
-            left: 50,
-            right: 20,
-          }}
+          width={barGraphWidth(isMobile, pageWidth)}
+          height={DefaultProp.graphHeight}
+          margin={{ ...barGraphMargin, ...{ bottom: 60 } }}
         />
       </ComponentWrapper>