diff --git a/formwidgets/responsiveimage/assets/css/main.css b/formwidgets/responsiveimage/assets/css/main.css
index 9737200..9493fe0 100644
--- a/formwidgets/responsiveimage/assets/css/main.css
+++ b/formwidgets/responsiveimage/assets/css/main.css
@@ -160,6 +160,11 @@
     .vue-dropzone {
         display: none;
     }
+    .upload-wrapper {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-gap: 1.5rem;
+    }
     .preview-container {
         display: grid;
         grid-gap: 0.5rem;
diff --git a/formwidgets/responsiveimage/assets/src/App.vue b/formwidgets/responsiveimage/assets/src/App.vue
index 7e656fe..c239c80 100644
--- a/formwidgets/responsiveimage/assets/src/App.vue
+++ b/formwidgets/responsiveimage/assets/src/App.vue
@@ -5,9 +5,14 @@
     >
 
         <!-- Add New Image -->
-        <a href="javascript:;" class="upload-button" ref="addQueueTrigger" v-show="addVisible">
-            <span class="upload-button-icon oc-icon-upload"></span>
-        </a>
+        <div class="upload-wrapper" v-show="addVisible">
+            <a href="javascript:;" class="upload-button" ref="addQueueTrigger">
+                <span class="upload-button-icon oc-icon-upload"></span>
+            </a>
+            <a href="javascript:;" @click="openDatabase" class="upload-button">
+                <span class="upload-button-icon oc-icon-database"></span>
+            </a>
+        </div>
 
         <vue-dropzone @vdropzone-mounted="onMount" @vdropzone-removed-file="onRemove" @vdropzone-success="onUploadSuccess" @vdropzone-sending="onSend" @vdropzone-thumbnail="onAdd" v-if="loaded" ref="dropzone" :id="id" :options="dropzoneOptions"></vue-dropzone>
 
@@ -119,6 +124,9 @@ export default {
                 this.$refs.dropzone.removeFile(file);
                 this.addVisible = true;
             });
+        },
+        openDatabase() {
+            
         },
         onSend(file, xhr, formData) {
             formData.append('extraData', JSON.stringify({