diff --git a/app/views/content/show.html.erb b/app/views/content/show.html.erb
index 386a8312..1ef70868 100644
--- a/app/views/content/show.html.erb
+++ b/app/views/content/show.html.erb
@@ -46,17 +46,18 @@
       <% if @content.updatable_by?(current_user) %>
         <div class="mr-3" x-show="showEditMode">
           <%= link_to @content do %>
-            <button type="button" class="w-full bg-notebook-blue border border-notebook-blue rounded-md shadow-sm px-4 py-2 inline-flex justify-center text-sm font-medium text-gray-200 hover:bg-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
-              <i class="material-icons text-2xl mr-3 -mt-1.5">visibility</i>
+            <button type="button" class="w-full bg-notebook-blue border border-notebook-blue rounded-md shadow-sm px-4 py-2 inline-flex items-center text-sm font-medium text-gray-200 hover:bg-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+              <i class="material-icons text-2xl leading-3 mr-3">visibility</i>
+
               Read Mode
             </button>
           <% end %>
         </div>
         <div class="mr-3" x-show="!showEditMode">
-          <button type="button" class="w-full bg-notebook-blue border border-notebook-blue rounded-md shadow-sm px-4 py-2 inline-flex justify-center text-sm font-medium text-gray-200 hover:bg-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+          <button type="button" class="w-full bg-notebook-blue border border-notebook-blue rounded-md shadow-sm px-4 py-2 inline-flex items-center text-sm font-medium text-gray-200 hover:bg-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
             @click="showEditMode = true"
           >
-            <i class="material-icons text-2xl mr-3 -mt-1.5">edit</i>
+            <i class="material-icons text-2xl leading-3 mr-3">edit</i>
             Edit Mode
           </button>
         </div>