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>