diff --git a/pages/coop.tsx b/pages/coop.tsx
index 9526f9a..bd9c147 100644
--- a/pages/coop.tsx
+++ b/pages/coop.tsx
@@ -168,6 +168,47 @@ export default function CoopPage() {
         </div>
       </ComponentWrapper>
 
+      {/* C7i */}
+      <ComponentWrapper
+        heading="What company did you work for?"
+        bodyText="There are lots of companies that people have worked at! It just goes to show that the software world is HUGE."
+        align="center"
+      >
+        <WordCloud
+          data={C7i}
+          // For components that we don't want to match the width necessarily we can provide direct values
+          width={isMobile ? pageWidth / 1.5 : 800}
+          height={DefaultProp.graphHeight}
+          wordPadding={7}
+          desktopMaxFontSize={75}
+          mobileMaxFontSize={38}
+        />
+      </ComponentWrapper>
+      {/* C7ii */}
+      <ComponentWrapper
+        heading="Where were you located during work?"
+        bodyText="Many students started in GTA or Waterloo region, then slowly progressed to California / USA. However, due to the pandemic, the last 3 co-op placements locations were dominantly remote."
+        align="right"
+      >
+        <LineGraph
+          data={C7ii}
+          colorRange={[
+            Color.primaryAccent,
+            Color.secondaryAccentLight,
+            Color.primaryAccentLighter,
+            Color.secondaryAccent,
+          ]}
+          width={isMobile ? pageWidth / 1.5 : 600}
+          height={DefaultProp.graphHeight}
+          margin={{
+            top: 20,
+            bottom: 80,
+            left: 30,
+            right: 20,
+          }}
+        />
+      </ComponentWrapper>
+
       {/* C7iii */}
       <ComponentWrapper
         heading="What was your salary per hour in CAD (excluding other forms of compensation)?"
@@ -265,6 +306,12 @@ export default function CoopPage() {
         <div style={{ padding: "10px" }}>
           <LineGraph
             data={C7vii}
+            colorRange={[
+              Color.primaryAccent,
+              Color.secondaryAccentLight,
+              Color.primaryAccentLighter,
+              Color.secondaryAccent,
+            ]}
             width={isMobile ? pageWidth / 1.5 : 600}
             height={DefaultProp.graphHeight}
             margin={{