diff --git a/frontend/src/components/CopyField.vue b/frontend/src/components/CopyField.vue
index 604abfa8dc30a61e18113c4d33c079dab29ea8fe..83899e590658bcaa68d93485ba68f00c677f3ef2 100644
--- a/frontend/src/components/CopyField.vue
+++ b/frontend/src/components/CopyField.vue
@@ -1,8 +1,9 @@
 <template>
   <b-input-group class="copy-field">
     <b-form-textarea v-if="multiline" rows="10" :id="'text-input' + id" ref="textInput" v-model="text"
-                     readonly :class="`border-${variant} text-${variant} invisible-scrollbar`"/>
-    <b-form-input v-else :id="'text-input' + id" ref="textInput" v-model="text" readonly/>
+                     readonly :class="`border-${variant} text-${variant} invisible-scrollbar ${code?'text-monospace':''}`"/>
+    <b-form-input v-else :id="'text-input' + id" ref="textInput" v-model="text"
+                  readonly :class="`border-${variant} text-${variant} invisible-scrollbar ${code?'text-monospace':''}`"/>
     <b-tooltip :target="'text-input' + id" :show.sync="text_copied" :disabled="!text_copied" placement="bottom"
                :variant="variant" :class="`border-${variant} text-${variant}`">
       Kopiert.
@@ -27,6 +28,10 @@ export default {
     'multiline': {
       'type': Boolean,
       'default': false
+    },
+    'code': {
+      'type': Boolean,
+      'default': false
     }
   },
   data() {