diff --git a/client/src/components/atoms/AreaButton.tsx b/client/src/components/atoms/AreaButton.tsx
index 9ae5d1c..26a72b2 100644
--- a/client/src/components/atoms/AreaButton.tsx
+++ b/client/src/components/atoms/AreaButton.tsx
@@ -1,12 +1,11 @@
 import React from 'react'
 import styles from './AreaButton.module.scss'
 
-const AreaButton = ({ title, description, action }: { title: string; description: string, action: any }) => {
-
+const AreaButton = ({ title, description, action, image }: { title: string; description: string, action: any, image: any }) => {
     return (
         <div className={styles.areaButton} onClick={action}>
             <div>
-                <img src="https://placeimg.com/150/150/any" alt="{title}"/>
+                <img src={image} alt=""/>
                 <div className="text">
                     <h1>{title}</h1>
                     <>{description}</>
diff --git a/client/src/routes/Publish/container.png b/client/src/routes/Publish/container.png
new file mode 100644
index 0000000..b342879
Binary files /dev/null and b/client/src/routes/Publish/container.png differ
diff --git a/client/src/routes/Publish/dataset.png b/client/src/routes/Publish/dataset.png
new file mode 100644
index 0000000..261ebe0
Binary files /dev/null and b/client/src/routes/Publish/dataset.png differ
diff --git a/client/src/routes/Publish/index.module.scss b/client/src/routes/Publish/index.module.scss
index ff7832e..f4b5080 100644
--- a/client/src/routes/Publish/index.module.scss
+++ b/client/src/routes/Publish/index.module.scss
@@ -12,7 +12,7 @@
             min-height: 235px;
 
             img {
-                width: 200px;
+                width: 185px;
             }
         }
     }
diff --git a/client/src/routes/Publish/index.tsx b/client/src/routes/Publish/index.tsx
index 6c828d7..4e8562c 100644
--- a/client/src/routes/Publish/index.tsx
+++ b/client/src/routes/Publish/index.tsx
@@ -5,6 +5,11 @@ import { User } from '../../context'
 import Loader from './loader'
 import styles from './index.module.scss'
 
+import Container from './container.png';
+import Dataset from './dataset.png';
+import Script from './script.png';
+import Workflow from './workflow.png';
+
 interface PublishState {
     type: string
 }
@@ -23,7 +28,7 @@ class Publish extends Component<{}, PublishState> {
         this.setState({ type: 'workflow' })
     }
     public publishAlgorithm = () => {
-        this.setState({ type: 'algorithm' })
+        this.setState({ type: 'script' })
     }
     public toSelect = () => {
         this.setState({ type: 'start' })
@@ -40,10 +45,30 @@ class Publish extends Component<{}, PublishState> {
                         description="What do you want to publish?"
                     >
                         <div className={styles.typeGrid}>
-                            <AreaButton title={'Dataset'} description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel, feugiat facilisis libero. Vestibulum eu elit sed lacus egestas laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.'} action={this.publishDataset}/>
-                            <AreaButton title={'Container'} description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel.'} action={this.publishContainer}/>
-                            <AreaButton title={'Workflow'} description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel.'} action={this.publishWorkflow}/>
-                            <AreaButton title={'Algorithm'} description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel.'} action={this.publishAlgorithm}/>
+                            <AreaButton
+                                title={'Dataset'}
+                                description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel, feugiat facilisis libero. Vestibulum eu elit sed lacus egestas laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.'}
+                                action={this.publishDataset}
+                                image={Dataset}
+                            />
+                            <AreaButton
+                                title={'Container'}
+                                description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel.'}
+                                action={this.publishContainer}
+                                image={Container}
+                            />
+                            <AreaButton
+                                title={'Workflow'}
+                                description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel.'}
+                                action={this.publishWorkflow}
+                                image={Workflow}
+                            />
+                            <AreaButton
+                                title={'Script'}
+                                description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel.'}
+                                action={this.publishAlgorithm}
+                                image={Script}
+                            />
                         </div>
                     </Route>
                 )}
diff --git a/client/src/routes/Publish/script.png b/client/src/routes/Publish/script.png
new file mode 100644
index 0000000..bf0a703
Binary files /dev/null and b/client/src/routes/Publish/script.png differ
diff --git a/client/src/routes/Publish/workflow.png b/client/src/routes/Publish/workflow.png
new file mode 100644
index 0000000..2b5ad06
Binary files /dev/null and b/client/src/routes/Publish/workflow.png differ