diff --git a/caster-editor/src/assets/scss/_elementplus.scss b/caster-editor/src/assets/scss/_elementplus.scss
index 9bf5680b..11758d39 100644
--- a/caster-editor/src/assets/scss/_elementplus.scss
+++ b/caster-editor/src/assets/scss/_elementplus.scss
@@ -64,6 +64,10 @@
     width: calc(100% - 2 * $mobilePadding);
     max-width: 500px;
     border-radius: $borderRadius;
+
+    &.is-align-center {
+      transform: translateY(-5vh);
+    }
   }
 
   .el-dialog__header {
diff --git a/caster-editor/src/components/DialogAddGraph.vue b/caster-editor/src/components/DialogAddGraph.vue
index 66bcb389..8f527609 100644
--- a/caster-editor/src/components/DialogAddGraph.vue
+++ b/caster-editor/src/components/DialogAddGraph.vue
@@ -4,6 +4,7 @@
       v-model="showDialog"
       title="Create graph"
       :show-close="false"
+      align-center
     >
       <ElInput
         id="graphNameInput"
@@ -12,14 +13,14 @@
       />
       <template #footer>
         <span class="dialog-footer">
-          <ElButton @click="() => emit('aborted')">Cancel</ElButton>
           <ElButton
-            color="#ADFF00"
+            type="danger"
+            @click="() => emit('aborted')"
+          >Cancel</ElButton>
+          <ElButton
             type="primary"
             @click="createGraph()"
-          >
-            Confirm
-          </ElButton>
+          > Confirm </ElButton>
         </span>
       </template>
     </ElDialog>
diff --git a/caster-editor/src/components/DialogAddNode.vue b/caster-editor/src/components/DialogAddNode.vue
index 84b84a1a..51c142b0 100644
--- a/caster-editor/src/components/DialogAddNode.vue
+++ b/caster-editor/src/components/DialogAddNode.vue
@@ -3,6 +3,7 @@
     <ElDialog
       v-model="showDialog"
       title="Create new node"
+      align-center
       :show-close="true"
       :close-on-click-modal="false"
       :close-on-press-escape="false"
@@ -15,7 +16,10 @@
       />
       <template #footer>
         <span class="dialog-footer">
-          <ElButton @click="() => emit('closed')">Cancel</ElButton>
+          <ElButton
+            type="danger"
+            @click="() => emit('closed')"
+          >Cancel</ElButton>
           <ElButton
             type="primary"
             :disabled="!hasName"
diff --git a/caster-editor/src/components/DialogDeleteNode.vue b/caster-editor/src/components/DialogDeleteNode.vue
index 997a16bd..2dd3ebc7 100644
--- a/caster-editor/src/components/DialogDeleteNode.vue
+++ b/caster-editor/src/components/DialogDeleteNode.vue
@@ -6,21 +6,19 @@
       center
       lock-scroll
       :show-close="false"
+      align-center
     >
       <span> Are you sure to delete Node "{{ node.name }}"? </span>
       <template #footer>
         <span class="dialog-footer">
           <ElButton
-            text
-            bg
+            type="info"
             @click="emit('cancel')"
           >Cancel</ElButton>
           <ElButton
-            color="#FF0000"
+            type="danger"
             @click="deleteNode()"
-          >
-            Delete Node
-          </ElButton>
+          > Delete Node </ElButton>
         </span>
       </template>
     </ElDialog>
diff --git a/caster-editor/src/components/DialogExitGraph.vue b/caster-editor/src/components/DialogExitGraph.vue
index 0c89d7ec..c8687c96 100644
--- a/caster-editor/src/components/DialogExitGraph.vue
+++ b/caster-editor/src/components/DialogExitGraph.vue
@@ -6,16 +6,18 @@
       center
       lock-scroll
       :show-close="false"
+      align-center
     >
       <span>
-        Are you sure to exit without saving? <br>
-        Some of your changes might get lost.
+        Are you sure to exit the graph?
+        <span v-if="newScriptCellUpdates.size > 0">
+          <br><b>There are unsaved changes in the Node-Editor.</b>
+        </span>
       </span>
       <template #footer>
         <span class="dialog-footer">
           <ElButton
-            text
-            bg
+            type="info"
             @click="
               () => {
                 emit('cancel');
@@ -33,6 +35,8 @@
 </template>
 
 <script setup lang="ts">
+import { useInterfaceStore } from "@/stores/InterfaceStore";
+import { storeToRefs } from "pinia";
 import { ref, type Ref } from "vue";
 import { useRouter } from "vue-router";
 
@@ -41,10 +45,18 @@ const emit = defineEmits<{
   (e: "cancel"): void;
 }>();
 
+const interfaceStore = useInterfaceStore();
+const { selectedNodeForEditorUuid, newScriptCellUpdates } =
+  storeToRefs(interfaceStore);
+
 const showDialog: Ref<boolean> = ref(true);
 
 const exitGraph = () => {
   showDialog.value = false;
+
+  selectedNodeForEditorUuid.value = undefined;
+  interfaceStore.resetScriptCellUpdates();
+
   router.push({
     path: "/graph",
   });
diff --git a/caster-editor/src/components/DialogExitNode.vue b/caster-editor/src/components/DialogExitNode.vue
index 08b686e9..daa622f0 100644
--- a/caster-editor/src/components/DialogExitNode.vue
+++ b/caster-editor/src/components/DialogExitNode.vue
@@ -4,6 +4,7 @@
       v-model="showDialog"
       title="Exit node"
       center
+      align-center
       lock-scroll
       :show-close="false"
       :close-on-click-modal="false"
diff --git a/caster-editor/src/components/DialogRenameNode.vue b/caster-editor/src/components/DialogRenameNode.vue
index 1908a254..a234995c 100644
--- a/caster-editor/src/components/DialogRenameNode.vue
+++ b/caster-editor/src/components/DialogRenameNode.vue
@@ -6,6 +6,7 @@
       :show-close="false"
       :close-on-click-modal="false"
       :close-on-press-escape="false"
+      align-center
     >
       <ElInput
         v-model="newName"
@@ -13,14 +14,14 @@
       />
       <template #footer>
         <span class="dialog-footer">
-          <ElButton @click="emit('cancel')">Cancel</ElButton>
+          <ElButton
+            type="danger"
+            @click="emit('cancel')"
+          >Cancel</ElButton>
           <ElButton
             type="primary"
-            color="#ADFF00"
             @click="renameNode()"
-          >
-            Confirm
-          </ElButton>
+          > Confirm </ElButton>
         </span>
       </template>
     </ElDialog>
diff --git a/caster-editor/src/components/DialogUpdateAudioFile.vue b/caster-editor/src/components/DialogUpdateAudioFile.vue
index 531fc360..21b3a8f8 100644
--- a/caster-editor/src/components/DialogUpdateAudioFile.vue
+++ b/caster-editor/src/components/DialogUpdateAudioFile.vue
@@ -6,6 +6,7 @@
       :show-close="false"
       :close-on-click-modal="false"
       :close-on-press-escape="false"
+      align-center
     >
       <ElForm label-width="120px">
         <ElFormItem label="Name">
@@ -23,14 +24,14 @@
       </ElForm>
       <template #footer>
         <span class="dialog-footer">
-          <ElButton @click="emit('cancel')">Cancel</ElButton>
+          <ElButton
+            type="danger"
+            @click="emit('cancel')"
+          >Cancel</ElButton>
           <ElButton
             type="primary"
-            color="#ADFF00"
             @click="update()"
-          >
-            Confirm
-          </ElButton>
+          > Confirm </ElButton>
         </span>
       </template>
     </ElDialog>
diff --git a/caster-editor/src/components/Landing.vue b/caster-editor/src/components/Landing.vue
index 7aa8e5e6..d3b16145 100644
--- a/caster-editor/src/components/Landing.vue
+++ b/caster-editor/src/components/Landing.vue
@@ -25,7 +25,7 @@
         </ElFormItem>
         <ElFormItem>
           <ElButton
-            :color="variables.greenLight"
+            type="primary"
             class="login-button"
             native-type="submit"
             @click="onSubmit"
diff --git a/caster-editor/src/components/LoginDialog.vue b/caster-editor/src/components/LoginDialog.vue
index a1b8c2a1..92382f26 100644
--- a/caster-editor/src/components/LoginDialog.vue
+++ b/caster-editor/src/components/LoginDialog.vue
@@ -53,6 +53,7 @@ const showLoginScreen = ref<boolean>(true);
       :show-close="false"
       :close-on-click-modal="false"
       :close-on-press-escape="false"
+      align-center
     >
       <ElForm
         ref="loginFormRef"
diff --git a/caster-front/src/assets/variables.scss b/caster-front/src/assets/variables.scss
index d28d68c3..4d8b67d4 100644
--- a/caster-front/src/assets/variables.scss
+++ b/caster-front/src/assets/variables.scss
@@ -9,7 +9,7 @@ $spacingXL: 6rem;
 // sizes
 $desktopMaxWidth: 1280px;
 $desktopMaxWidthText: 900px;
-$cardMaxWidth: 600px;
+$cardMaxWidth: 500px;
 $playerBarHeight: 50px;
 
 $mobilePadding: 12px;