diff --git a/Frontend/src/views/XPathView.vue b/Frontend/src/views/XPathView.vue
index 0c9e103..6b23999 100644
--- a/Frontend/src/views/XPathView.vue
+++ b/Frontend/src/views/XPathView.vue
@@ -17,7 +17,7 @@ function updateVersion(newVersion: string) {
 
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full">
-        <div class="flex flex-col lg:flex-row w-full lg:w-7/12 grow overflow-hide px-2">
+        <div class="flex flex-col lg:flex-row w-full lg:w-7/12 grow overflow-hide pr-2">
             <div class="flex flex-col w-full lg:w-1/2 h-2/3 lg:h-full flex-none items-center">
                 <xmlInputFieldComponent stylized-name="XML" :data="xml" @update="(data) => {xml = data}"></xmlInputFieldComponent>
                 <xmlInputFieldComponent stylized-name="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent>
diff --git a/Frontend/src/views/XSLTView.vue b/Frontend/src/views/XSLTView.vue
index f8f19b1..7c301b1 100644
--- a/Frontend/src/views/XSLTView.vue
+++ b/Frontend/src/views/XSLTView.vue
@@ -16,7 +16,7 @@ function updateVersion(newVersion: string) {
 
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full">
-        <div class="flex flex-col lg:flex-row w-full lg:w-7/12 grow overflow-hide px-2">
+        <div class="flex flex-col lg:flex-row w-full lg:w-7/12 grow overflow-hide pr-2">
             <div class="flex flex-col w-full lg:w-1/2 h-2/3 lg:h-full flex-none items-center">
             <xmlInputFieldComponent stylized-name="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
             <xmlInputFieldComponent stylized-name="XSLT" @update="(data) => {query = data}"></xmlInputFieldComponent>