diff --git a/Frontend/src/views/Base64EncoderView.vue b/Frontend/src/views/Base64EncoderView.vue
index 8511cd4..b683258 100644
--- a/Frontend/src/views/Base64EncoderView.vue
+++ b/Frontend/src/views/Base64EncoderView.vue
@@ -35,8 +35,8 @@ function clear(){
 </script>
 
 <template>
-<div id="layoutFull" class="w-full h-full flex flex-col xl:flex-row">
-    <div id="layoutLeft" class="flex flex-col w-full xl:w-1/2 h-1/3 xl:h-full gap-4 pr-4">
+<div id="layoutFull" class="w-full h-full flex flex-col xl:flex-row gap-4">
+    <div id="layoutLeft" class="flex flex-col w-full xl:w-1/2 h-1/3 xl:h-full gap-4">
         <div class="w-full flex flex-row place-content-between items-center">
             <label class="dark:text-white text-center">Base64/Text</label>
             <div class="flex flex-row items-center gap-2">
@@ -61,7 +61,7 @@ function clear(){
         
     </div>
     
-    <div id="layoutRight" class="w-full xl:w-1/2 min-h-[66%] xl:h-full pl-4">
+    <div id="layoutRight" class="w-full xl:w-1/2 min-h-[66%] xl:h-full">
         <div class="border-2 rounded-lg border-gray-300 dark:border-gray-600 min-h-[50%]" v-on="DoshowImage">
             <img :src="imageData"/>
         </div>