diff --git a/entries/static/entries/css/entries.css b/entries/static/entries/css/entries.css
index c275d00febef7039427eafb7c386a917af8a2d65..a9563690241d607dbbdea45b48d127e420f45d99 100644
--- a/entries/static/entries/css/entries.css
+++ b/entries/static/entries/css/entries.css
@@ -221,3 +221,20 @@ legend {
     font-weight: bold;
     font-size: 13px;
 }
+
+.ul-preference {
+    padding-inline-start: 20px;
+    margin-bottom: 0px;
+    padding-top: 2px;
+}
+
+.ul-role {
+    padding-inline-start: 30px;
+    margin-bottom: 0px;
+    padding-top: 2px;
+}
+
+.role-column {
+    min-width: 120px;
+    max-width: 120px;
+}
diff --git a/entries/static/entries/js/components/LexicalUnitEdit.js b/entries/static/entries/js/components/LexicalUnitEdit.js
index b699c6bc7045742c47da49f29504c5c2613cfb28..d2cf69e3bb9d092363caccffc04e9a09998fb485 100644
--- a/entries/static/entries/js/components/LexicalUnitEdit.js
+++ b/entries/static/entries/js/components/LexicalUnitEdit.js
@@ -819,7 +819,7 @@ Object.assign(LexicalUnitEdit, {
           <tr>
             <th scope="row" class="py-2 px-1 text-secondary">Role</th>
             <td
-              class="argument py-2 px-1 border-top border-left border-secondary role"
+              class="argument py-2 px-1 border-top border-left border-secondary role-column"
               :class="argument == active_unified_frame_argument && 'active'"
               v-for="argument in unified_frame_arguments"
               :key="argument.id"
@@ -835,7 +835,7 @@ Object.assign(LexicalUnitEdit, {
                 [{{ argument.role.str }}]
               </div>
               <div v-else>
-                <ul>
+                <ul class="ul-role">
                   <li v-for="proposed_role in argument.proposed_roles">
                     {{ proposed_role.str }}
                   </li>
@@ -849,7 +849,7 @@ Object.assign(LexicalUnitEdit, {
                 v-for='argument in unified_frame_arguments'
                 :key='argument.id'
             >
-              <ul>
+              <ul class="ul-preference" v-if="argument.preferences.length > 0">
                 <li v-for='preference in argument.preferences'>
                   <div
                     v-if="preference.url != null"
@@ -860,7 +860,7 @@ Object.assign(LexicalUnitEdit, {
                   <div v-else class="preference py-2 px-1 preference-bold">{{ preference.str }}</div>
                 </li>
               </ul>
-              <ul>
+              <ul class="ul-preference">
                 <li v-for="preference in slowal_frames2selecional_preferencies_mapping[argument.id]">
                   <span v-if="preference.url != null" class="preference py-2 px-1">
                     <a class="synset-plwn" v-bind:href="preference.url" target="_blank">{{ preference.str }}</a>
diff --git a/entries/static/entries/js/components/Unification.js b/entries/static/entries/js/components/Unification.js
index 3f106c6f9707f44708ef3ab2d0703b59645345d4..cf67c467916e66d7bb8b0986efaca05fa9f3bb70 100644
--- a/entries/static/entries/js/components/Unification.js
+++ b/entries/static/entries/js/components/Unification.js
@@ -33,13 +33,11 @@ export default {
         </div>
     </div>
     <div id="entry-display" class="col h-100 p-0">
-      <div id="right-pane">
         <unification-right-pane 
           :entryId="entryId" 
           :lexicalUnitId="lexicalUnitId" 
           :initialUnifiedFrameId="unifiedFrameId"
           :initialIsEdit="isEdit" />
-      </div>
     </div>
   `
 };