diff --git a/Frontend/src/components/CodeEditorComponent.vue b/Frontend/src/components/CodeEditorComponent.vue
index bb8ef23..a366f53 100644
--- a/Frontend/src/components/CodeEditorComponent.vue
+++ b/Frontend/src/components/CodeEditorComponent.vue
@@ -58,7 +58,7 @@ import {html} from '@codemirror/lang-html'
   <div class="editor w-full max-w-full h-full overflow-scroll">
     
     <codemirror
-      style="height: 100%; width: 100%; padding:1rem ; border-radius: 1rem"
+      style="height: 100%; width: 100%; padding:1rem ; border-radius: 1rem; font-size: x-large;"
       :model-value="code"
       @update:model-value="dataUpdated"
       :extensions="extensions"
diff --git a/Frontend/src/components/xml/XmlOutputFieldComponent.vue b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
index 2b4389c..e404435 100644
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -129,7 +129,7 @@ function emitVersionChange() {
 </script>
 
 <template>
-    <div class="flex flex-col gap-2 w-full lg:w-1/2 h-1/2 lg:h-full items-center">
+    <div class="flex flex-col gap-2 flex-none w-full lg:w-1/2 h-1/2 lg:h-full items-center">
         <div class="flex place-content-between w-full items-center">
             <span class="dark:text-white">Result:</span>
             <div class="flex space-x-2">
diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index 70d4d16..5c1fe72 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -38,7 +38,7 @@ function toggleTooltips() {
 </script>
 
 <template>
-    <div :class="areTooltipsHidden ? '' : 'w-4/12'" class="hidden 2xl:flex shrink-0 items-stretch p-2 flex-row rounded-xl shadow-lg bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-600 dark:to-sky-800">
+    <div :class="areTooltipsHidden ? 'w-fit' : 'w-4/12'" class="hidden 2xl:flex shrink-0 items-stretch p-2 flex-row rounded-xl shadow-lg bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-600 dark:to-sky-800">
         <button :class="{'mr-2' : !areTooltipsHidden }" class="text-xl w-6 dark:text-slate-100" @click="toggleTooltips()">
             T<br/>o<br/>o<br/>l<br/>t<br/>i<br/>p<br/>s
         </button>
diff --git a/Frontend/src/views/XPathView.vue b/Frontend/src/views/XPathView.vue
index 57f95c2..bb7386e 100644
--- a/Frontend/src/views/XPathView.vue
+++ b/Frontend/src/views/XPathView.vue
@@ -16,9 +16,9 @@ function updateVersion(newVersion: string) {
 </script>
 
 <template>
-    <div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
+    <div id="layout" class="flex flex-col lg:flex-row w-full h-full space-x-4">
         <div class="flex flex-col lg:flex-row gap-4 w-full lg:w-7/12 grow">
-            <div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4 ">
+            <div class="flex flex-col w-full lg:w-1/2 h-full flex-none items-center gap-4 ">
                 <xmlInputFieldComponent stylized-name="XML" :data="xml" @update="(data) => {xml = data}"></xmlInputFieldComponent>
                 <xmlInputFieldComponent stylized-name="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent>
             </div>