diff --git a/pages/collective.jsx b/pages/collective.jsx
index a081967a..cde4d9ee 100644
--- a/pages/collective.jsx
+++ b/pages/collective.jsx
@@ -3,7 +3,7 @@ import axios from 'axios'
 import Head from 'next/head'
 import App from '../src/components/App'
 import { Meta } from '../src/components/Meta'
-import CollectiveImage from '../src/components/CollectiveImage'
+import { CollectiveImage } from '../src/components/CollectiveImage'
 import PersonCard from '../src/components/PersonCard'
 import menuModel from '../src/models/menu'
 import { buildMenu } from '../src/lib/menu'
@@ -22,7 +22,12 @@ const Page = (props) => (
 
         <div className="content content_semi-wide">
             {!props.image ? null : (
-                <CollectiveImage data={props.image} />
+                <CollectiveImage
+                    data={props.image}
+                    style={{
+                        marginBottom: 'var(--double-margin)',
+                    }}
+                />
             )}
 
             <div className="PersonCardList">
diff --git a/src/components/CollectiveImage.js b/src/components/CollectiveImage.js
deleted file mode 100644
index 7f4dfc6b..00000000
--- a/src/components/CollectiveImage.js
+++ /dev/null
@@ -1,8 +0,0 @@
-const React = require('react')
-const Image = require('./Image')
-
-module.exports = ({data}) => (
-	<div className="CollectiveImage">
-		<Image data={data}/>
-	</div>
-)
diff --git a/src/components/CollectiveImage.jsx b/src/components/CollectiveImage.jsx
new file mode 100644
index 00000000..54a3d72d
--- /dev/null
+++ b/src/components/CollectiveImage.jsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import Image from './Image'
+
+export const CollectiveImage = (props) => (
+    <div
+        className="CollectiveImage"
+        style={props.style}
+    >
+        <style jsx>{`
+            .CollectiveImage {
+                margin - bottom: var(--double-margin);
+            }
+
+            img {
+                width: 100%;
+                border-radius: 10px;
+            }
+        `}</style>
+
+        <Image
+            data={props.data}
+            opa={false}
+        />
+	</div>
+)
diff --git a/src/style/components/CollectiveImage.scss b/src/style/components/CollectiveImage.scss
deleted file mode 100644
index 522908b1..00000000
--- a/src/style/components/CollectiveImage.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.CollectiveImage {
-  margin-bottom: var(--double-margin);
-
-  img {
-    width: 100%;
-    border-radius: 3px;
-  }
-}
\ No newline at end of file
diff --git a/src/style/style.scss b/src/style/style.scss
index 10dca258..1bf6eee3 100644
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -22,7 +22,6 @@
 
 @import "components/ArticleCardList";
 @import "components/ArticleTags";
-@import "components/CollectiveImage";
 @import "components/PersonCardList";
 
 @import "main";