diff --git a/app/assets/javascripts/shareable_links/handson_table_wraping.js b/app/assets/javascripts/shareable_links/handson_table_wraping.js
index b94b018c9..084c6d1ae 100644
--- a/app/assets/javascripts/shareable_links/handson_table_wraping.js
+++ b/app/assets/javascripts/shareable_links/handson_table_wraping.js
@@ -10,7 +10,7 @@
       if ($(table).parent().hasClass('table-wrapper')) return;
 
       $(table).wrap(`
-        <div class="table-wrapper" style="overflow: auto; width: ${$($(rtf)[0]).parent().width()}px"></div>
+        <div class="table-wrapper w-full" style="overflow: auto;"></div>
       `);
     }
   }
diff --git a/app/views/layouts/shareable_links.html.erb b/app/views/layouts/shareable_links.html.erb
index 34e0dbc3c..cc00f3039 100644
--- a/app/views/layouts/shareable_links.html.erb
+++ b/app/views/layouts/shareable_links.html.erb
@@ -30,11 +30,11 @@
   </head>
   <body id="sci-shareable-links" data-datetime-picker-format="YYYY-MM-DD">
     <div class="flex shareable-links">
-      <div class="sticky top-0 w-80 h-screen px-6 py-6 flex flex-col
-                  border-0 border-r border-solid border-sn-sleepy-grey">
+      <div class="sticky top-0 h-screen px-6 py-6 flex flex-col
+                  border-0 border-r border-solid border-sn-sleepy-grey w-[15vw]">
         <%= render "shareable_links/my_modules/left_navigation" %>
       </div>
-      <div class="flex flex-col flex-1 min-h-screen p-4 bg-sn-super-light-grey">
+      <div class="flex flex-col flex-1 min-h-screen p-4 bg-sn-super-light-grey w-[85vw]">
         <%= yield %>
       </div>
     </div>
diff --git a/app/views/shareable_links/my_module_protocol_show.html.erb b/app/views/shareable_links/my_module_protocol_show.html.erb
index 44e480fed..6e1d46ec6 100644
--- a/app/views/shareable_links/my_module_protocol_show.html.erb
+++ b/app/views/shareable_links/my_module_protocol_show.html.erb
@@ -46,7 +46,7 @@
         <div class="task-notes">
           <div class="task-notes-content">
             <% if @my_module.description.present? %>
-              <div class="rtf-view overflow-auto w-full max-w-[54rem]">
+              <div class="rtf-view overflow-auto w-full">
                 <%= smart_annotation_text(@my_module.shareable_tinymce_render(:description)) %>
               </div>
             <% else %>
diff --git a/app/views/shareable_links/my_modules/_protocol.html.erb b/app/views/shareable_links/my_modules/_protocol.html.erb
index 8ff8858e3..6a83bb5a9 100644
--- a/app/views/shareable_links/my_modules/_protocol.html.erb
+++ b/app/views/shareable_links/my_modules/_protocol.html.erb
@@ -42,7 +42,7 @@
     <div>
       <div id="protocol-description-container" >
         <% if protocol.description.present? %>
-          <div class="rtf-view overflow-auto w-full max-w-[54rem]">
+          <div class="rtf-view overflow-auto w-full">
             <%=  smart_annotation_text(protocol.shareable_tinymce_render(:description)) %>
           </div>
         <% else %>
diff --git a/app/views/shareable_links/my_modules/step_elements/_text.html.erb b/app/views/shareable_links/my_modules/step_elements/_text.html.erb
index ff0eaf420..a373cdc4d 100644
--- a/app/views/shareable_links/my_modules/step_elements/_text.html.erb
+++ b/app/views/shareable_links/my_modules/step_elements/_text.html.erb
@@ -8,7 +8,7 @@
     </div>
   <% end %>
   <% if element.text.present? %>
-    <div class="rtf-view rounded min-h-[2.25rem] mb-4 relative group/text_container content__text-body overflow-auto w-full max-w-[54rem]">
+    <div class="rtf-view rounded min-h-[2.25rem] mb-4 relative group/text_container content__text-body overflow-auto w-full">
       <%= smart_annotation_text(element.shareable_tinymce_render(:text)) %>
     </div>
   <% else %>
