Minor fix

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>