diff --git a/app/src/components/CardsLayer.vue b/app/src/components/CardsLayer.vue
index 28e6e195d3affdb9bd7a88d6ee5cd9eddde3cc8c..1944ae00c0f9abc8fd1359327371a573e18306ec 100644
--- a/app/src/components/CardsLayer.vue
+++ b/app/src/components/CardsLayer.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
     <div v-for="(value, index) in configPositions" v-bind:key="index">
-      <div v-if="nodeid == value.node_id && deleted == false">
-        <form class="nodes">
+      <div class="nodes" v-if="nodeid == value.node_id && deleted == false">
+        <form>
           <div v-if="value.read_mode == false">
             <div v-for="value in $options.myArray" v-bind:key="value.node_id">
               <textarea
@@ -139,12 +139,13 @@ export default {
 
 <style lang="css" scoped>
 .nodes {
-  min-width: 320px;
-  max-width: 450px;
+  min-width: 343px;
+  max-width: 343px;
   border: 2px dashed black;
   background-color: rgb(155, 194, 216);
   margin-top: 1em;
-  margin-left: 1em;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
 }
 
 .readmode {
diff --git a/app/src/components/ListLayer.vue b/app/src/components/ListLayer.vue
index 163b4854e2701870893a5a85c9e775fc1b5bb2d1..1ef7fbda26bf88bb36582edc95cfcd4aec36db25 100644
--- a/app/src/components/ListLayer.vue
+++ b/app/src/components/ListLayer.vue
@@ -141,7 +141,7 @@ export default {
   border: 2px dashed black;
   background-color: rgb(155, 194, 216);
   margin-top: 1em;
-  margin-left: 1em;
+  margin-left: 0.5em;
 }
 
 .readmode {
diff --git a/app/src/components/ModesCard.vue b/app/src/components/ModesCard.vue
index 27cf1d55088776d017dee1c994480aeaa34ffb56..c04f38e2b6df07c717d36a974a7a590f6b2f0c52 100644
--- a/app/src/components/ModesCard.vue
+++ b/app/src/components/ModesCard.vue
@@ -92,7 +92,7 @@ img {
   /* max-width: 450px; */
   width: 95%;
   margin-top: 1em;
-  margin-left: 1em;
+  margin-left: 0.5em;
   background-color: white;
   border: 2px solid black;
   padding: 1em;
diff --git a/app/src/components/OtherCardslayer.vue b/app/src/components/OtherCardslayer.vue
index 365cab08857d864f770a216a04e35a4fdae1a2c9..91c510372a4d6e1d7768f5752a8e5ac2ee82703a 100644
--- a/app/src/components/OtherCardslayer.vue
+++ b/app/src/components/OtherCardslayer.vue
@@ -48,17 +48,14 @@ export default {
 </script>
 
 <style lang="css" scoped>
-h2 {
-  color: red;
-}
-
 .nodes {
-  min-width: 320px;
-  max-width: 450px;
+  min-width: 343px;
+  max-width: 343px;
   border: 2px solid black;
   background-color: rgb(205, 234, 255);
   margin-top: 1em;
-  margin-left: 1em;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
 }
 
 p {