diff --git a/web/components/attachment_card.templ b/web/components/attachment_card.templ
index f1e4ba8..b9f8b10 100644
--- a/web/components/attachment_card.templ
+++ b/web/components/attachment_card.templ
@@ -19,13 +19,13 @@ templ AttachmentCard(props AttachmentCardProps) {
       <div class="flex flex-1 flex-col justify-end gap-2 p-2">
         <p class="break-all font-bold">{ props.Attachment.Name }</p>
         <div class="join flex">
-          <a class="join-item btn tooltip flex flex-1 items-center" data-tip="Envelope" href={ routes.Envelope(props.Attachment.MessageID).URLQuery("tab=" + routes.EnvelopeTabAttachments.String()) }>
+          <a class="join-item btn flex flex-1 items-center" title="Envelope" href={ routes.Envelope(props.Attachment.MessageID).URLQuery("tab=" + routes.EnvelopeTabAttachments.String()) }>
             @icons.Mail("h-5 w-5")
           </a>
-          <a class="join-item btn tooltip flex flex-1 items-center" data-tip="View" hx-boost="false" href={ routes.AttachmentFile(props.Attachment.FileName()).URL() }>
+          <a class="join-item btn flex flex-1 items-center" title="View" hx-boost="false" href={ routes.AttachmentFile(props.Attachment.FileName()).URL() }>
             @icons.Eye("h-5 w-5")
           </a>
-          <a class="join-item btn tooltip flex flex-1 items-center" data-tip="Download" hx-boost="false" href={ routes.AttachmentFile(props.Attachment.FileName()).URLQuery("download=1") }>
+          <a class="join-item btn flex flex-1 items-center" title="Download" hx-boost="false" href={ routes.AttachmentFile(props.Attachment.FileName()).URLQuery("download=1") }>
             @icons.Download("h-5 w-5")
           </a>
         </div>
diff --git a/web/components/attachment_card_templ.go b/web/components/attachment_card_templ.go
index 213e525..5f49a11 100644
--- a/web/components/attachment_card_templ.go
+++ b/web/components/attachment_card_templ.go
@@ -67,7 +67,7 @@ func AttachmentCard(props AttachmentCardProps) templ.Component {
 		if err != nil {
 			return err
 		}
-		_, err = templBuffer.WriteString("</p><div class=\"join flex\"><a class=\"join-item btn tooltip flex flex-1 items-center\" data-tip=\"Envelope\" href=\"")
+		_, err = templBuffer.WriteString("</p><div class=\"join flex\"><a class=\"join-item btn flex flex-1 items-center\" title=\"Envelope\" href=\"")
 		if err != nil {
 			return err
 		}
@@ -84,7 +84,7 @@ func AttachmentCard(props AttachmentCardProps) templ.Component {
 		if err != nil {
 			return err
 		}
-		_, err = templBuffer.WriteString("</a><a class=\"join-item btn tooltip flex flex-1 items-center\" data-tip=\"View\" hx-boost=\"false\" href=\"")
+		_, err = templBuffer.WriteString("</a><a class=\"join-item btn flex flex-1 items-center\" title=\"View\" hx-boost=\"false\" href=\"")
 		if err != nil {
 			return err
 		}
@@ -101,7 +101,7 @@ func AttachmentCard(props AttachmentCardProps) templ.Component {
 		if err != nil {
 			return err
 		}
-		_, err = templBuffer.WriteString("</a><a class=\"join-item btn tooltip flex flex-1 items-center\" data-tip=\"Download\" hx-boost=\"false\" href=\"")
+		_, err = templBuffer.WriteString("</a><a class=\"join-item btn flex flex-1 items-center\" title=\"Download\" hx-boost=\"false\" href=\"")
 		if err != nil {
 			return err
 		}
diff --git a/web/pages/attachment.templ b/web/pages/attachment.templ
index 1d67488..d97f9e9 100644
--- a/web/pages/attachment.templ
+++ b/web/pages/attachment.templ
@@ -25,7 +25,7 @@ templ attachmentListView(m meta.Meta, props attachmentListViewProps) {
     </div>
     <div class="flex flex-col gap-4 p-4">
       <div class="join flex items-center justify-end" data-loading-states>
-        <button class="btn btn-sm btn-info join-item tooltip-left tooltip" data-tip="delete orphan attachments" hx-post={ routes.AttachmentTrim().URLString() } data-loading-disable>
+        <button title="Delete Orphans" class="btn-sm btn btn-info join-item" hx-post={ routes.AttachmentTrim().URLString() } data-loading-disable>
           <span data-loading-class="loading loading-spinner loading-sm">
             @icons.Recycle("w-5 h-5")
           </span>
diff --git a/web/pages/attachment_templ.go b/web/pages/attachment_templ.go
index 3410b98..89f89df 100644
--- a/web/pages/attachment_templ.go
+++ b/web/pages/attachment_templ.go
@@ -53,7 +53,7 @@ func attachmentListView(m meta.Meta, props attachmentListViewProps) templ.Compon
 			if err != nil {
 				return err
 			}
-			_, err = templBuffer.WriteString("</li></ul></div> <div class=\"flex flex-col gap-4 p-4\"><div class=\"join flex items-center justify-end\" data-loading-states><button class=\"btn btn-sm btn-info join-item tooltip-left tooltip\" data-tip=\"delete orphan attachments\" hx-post=\"")
+			_, err = templBuffer.WriteString("</li></ul></div> <div class=\"flex flex-col gap-4 p-4\"><div class=\"join flex items-center justify-end\" data-loading-states><button title=\"Delete Orphans\" class=\"btn-sm btn btn-info join-item\" hx-post=\"")
 			if err != nil {
 				return err
 			}
diff --git a/web/pages/envelope.templ b/web/pages/envelope.templ
index 0e6a6eb..8fbfbc2 100644
--- a/web/pages/envelope.templ
+++ b/web/pages/envelope.templ
@@ -101,13 +101,13 @@ templ envelopeListView(m meta.Meta, props envelopeListViewProps) {
             }
           }
           <input name="search" type="text" placeholder="Search" class="input input-sm input-bordered join-item w-full max-w-xs" value={ props.EnvelopeRequestRequest.Search } />
-          <button type="submit" class="btn btn-sm btn-primary join-item">@icons.Search("w-5 h-5")</button>
+          <button title="Search" type="submit" class="btn btn-sm btn-primary join-item">@icons.Search("w-5 h-5")</button>
         </form>
         <div class="join flex items-center justify-end" data-loading-states>
-          <a class="btn btn-sm btn-success join-item" href={ routes.EnvelopeCreate().URL() } data-loading-states>
+          <a title="Add" class="btn btn-sm join-item btn-success" href={ routes.EnvelopeCreate().URL() } data-loading-states>
             @icons.Add("w-5 h-5")
           </a>
-          <button class="btn btn-sm btn-error join-item" hx-delete={ routes.EnvelopeList().URLString() } hx-confirm="Are you sure you wish to delete all envelopes?" data-loading-disable>
+          <button title="Delete All" class="btn btn-sm btn-error join-item" hx-delete={ routes.EnvelopeList().URLString() } hx-confirm="Are you sure you wish to delete all envelopes?" data-loading-disable>
             <span data-loading-class="loading loading-spinner loading-sm">
               @icons.Trash("w-5 h-5")
             </span>
@@ -185,11 +185,11 @@ templ envelopeListView(m meta.Meta, props envelopeListViewProps) {
               <th class="w-0 whitespace-nowrap">
                 <div class="flex flex-row justify-end gap-2">
                   if len(env.Attachments) != 0 {
-                    <a href={ routes.Envelope(env.Message.ID).URLQuery("tab=" + routes.EnvelopeTabAttachments.String()) } class="tooltip tooltip-left flex items-center fill-current" data-tip={ strconv.Itoa(len(env.Attachments)) + " Attachment(s)"  }>
+                    <a title="Attachments" href={ routes.Envelope(env.Message.ID).URLQuery("tab=" + routes.EnvelopeTabAttachments.String()) } class="tooltip tooltip-left flex items-center fill-current" data-tip={ strconv.Itoa(len(env.Attachments)) + " Attachment(s)"  }>
                       @icons.Attachment("h-4 w-4")
                     </a>
                   }
-                  <button class="btn btn-error btn-xs join-item" hx-delete={ routes.Envelope(env.Message.ID).URLString() } hx-target="closest tr" hx-confirm="Are you sure you wish to delete this envelope?" >
+                  <button title="Delete" class="btn btn-error btn-xs join-item" hx-delete={ routes.Envelope(env.Message.ID).URLString() } hx-target="closest tr" hx-confirm="Are you sure you wish to delete this envelope?" >
                     @icons.Trash("h-4 w-4")
                   </button>
                 </div>
diff --git a/web/pages/envelope_templ.go b/web/pages/envelope_templ.go
index 5b82fb1..552c233 100644
--- a/web/pages/envelope_templ.go
+++ b/web/pages/envelope_templ.go
@@ -327,7 +327,7 @@ func envelopeListView(m meta.Meta, props envelopeListViewProps) templ.Component
 			if err != nil {
 				return err
 			}
-			_, err = templBuffer.WriteString("\"><button type=\"submit\" class=\"btn btn-sm btn-primary join-item\">")
+			_, err = templBuffer.WriteString("\"><button title=\"Search\" type=\"submit\" class=\"btn btn-sm btn-primary join-item\">")
 			if err != nil {
 				return err
 			}
@@ -335,7 +335,7 @@ func envelopeListView(m meta.Meta, props envelopeListViewProps) templ.Component
 			if err != nil {
 				return err
 			}
-			_, err = templBuffer.WriteString("</button></form><div class=\"join flex items-center justify-end\" data-loading-states><a class=\"btn btn-sm btn-success join-item\" href=\"")
+			_, err = templBuffer.WriteString("</button></form><div class=\"join flex items-center justify-end\" data-loading-states><a title=\"Add\" class=\"btn btn-sm join-item btn-success\" href=\"")
 			if err != nil {
 				return err
 			}
@@ -352,7 +352,7 @@ func envelopeListView(m meta.Meta, props envelopeListViewProps) templ.Component
 			if err != nil {
 				return err
 			}
-			_, err = templBuffer.WriteString("</a><button class=\"btn btn-sm btn-error join-item\" hx-delete=\"")
+			_, err = templBuffer.WriteString("</a><button title=\"Delete All\" class=\"btn btn-sm btn-error join-item\" hx-delete=\"")
 			if err != nil {
 				return err
 			}
@@ -548,7 +548,7 @@ func envelopeListView(m meta.Meta, props envelopeListViewProps) templ.Component
 					return err
 				}
 				if len(env.Attachments) != 0 {
-					_, err = templBuffer.WriteString("<a href=\"")
+					_, err = templBuffer.WriteString("<a title=\"Attachments\" href=\"")
 					if err != nil {
 						return err
 					}
@@ -578,7 +578,7 @@ func envelopeListView(m meta.Meta, props envelopeListViewProps) templ.Component
 						return err
 					}
 				}
-				_, err = templBuffer.WriteString("<button class=\"btn btn-error btn-xs join-item\" hx-delete=\"")
+				_, err = templBuffer.WriteString("<button title=\"Delete\" class=\"btn btn-error btn-xs join-item\" hx-delete=\"")
 				if err != nil {
 					return err
 				}
diff --git a/web/pages/rule.templ b/web/pages/rule.templ
index 6c320f3..e957ae3 100644
--- a/web/pages/rule.templ
+++ b/web/pages/rule.templ
@@ -23,7 +23,7 @@ templ ruleListView(m meta.Meta, props ruleListViewProps) {
     </div>
     <div class="flex flex-col gap-4 p-4">
       <div class="join flex items-center justify-end">
-        <a class="btn btn-sm btn-success" href={ routes.RuleCreate().URL() }>
+        <a title="Add" class="btn btn-sm btn-success" href={ routes.RuleCreate().URL() }>
           @icons.Add("w-5 h-5")
         </a>
       </div>
@@ -35,7 +35,7 @@ templ ruleListView(m meta.Meta, props ruleListViewProps) {
           <div class="flex items-center gap-2 pr-4">
             if !rule.Internal {
               <div data-loading-states>
-                <button class="btn btn-error btn-sm" hx-delete={ routes.Rule(rule.ID).URLString() } hx-confirm="Are you sure you wish to delete this rule?"  hx-target="closest #rule-row" hx-swap="outerHTML" data-loading-disable>
+                <button title="Delete" class="btn btn-error btn-sm" hx-delete={ routes.Rule(rule.ID).URLString() } hx-confirm="Are you sure you wish to delete this rule?"  hx-target="closest #rule-row" hx-swap="outerHTML" data-loading-disable>
                   <span data-loading-class="loading loading-spinner loading-xs">
                     @icons.Trash("h-4 w-4")
                   </span>
diff --git a/web/pages/rule_templ.go b/web/pages/rule_templ.go
index eafe683..75c97dc 100644
--- a/web/pages/rule_templ.go
+++ b/web/pages/rule_templ.go
@@ -51,7 +51,7 @@ func ruleListView(m meta.Meta, props ruleListViewProps) templ.Component {
 			if err != nil {
 				return err
 			}
-			_, err = templBuffer.WriteString("</li></ul></div> <div class=\"flex flex-col gap-4 p-4\"><div class=\"join flex items-center justify-end\"><a class=\"btn btn-sm btn-success\" href=\"")
+			_, err = templBuffer.WriteString("</li></ul></div> <div class=\"flex flex-col gap-4 p-4\"><div class=\"join flex items-center justify-end\"><a title=\"Add\" class=\"btn btn-sm btn-success\" href=\"")
 			if err != nil {
 				return err
 			}
@@ -96,7 +96,7 @@ func ruleListView(m meta.Meta, props ruleListViewProps) templ.Component {
 					return err
 				}
 				if !rule.Internal {
-					_, err = templBuffer.WriteString("<div data-loading-states><button class=\"btn btn-error btn-sm\" hx-delete=\"")
+					_, err = templBuffer.WriteString("<div data-loading-states><button title=\"Delete\" class=\"btn btn-error btn-sm\" hx-delete=\"")
 					if err != nil {
 						return err
 					}
diff --git a/web/pages/trace.templ b/web/pages/trace.templ
index b12bb41..ba259f6 100644
--- a/web/pages/trace.templ
+++ b/web/pages/trace.templ
@@ -27,7 +27,7 @@ templ traceListView(m meta.Meta, props traceListViewProps) {
     </div>
     <div class="flex flex-col gap-4 p-4">
       <div class="join flex items-center justify-end" data-loading-states>
-        <button class="btn btn-sm btn-error" hx-delete={ routes.TraceList().URLString() } hx-confirm="Are you sure you wish to delete all traces?" data-loading-disable>
+        <button title="Delete All" class="btn btn-sm btn-error" hx-delete={ routes.TraceList().URLString() } hx-confirm="Are you sure you wish to delete all traces?" data-loading-disable>
           <span data-loading-class="loading loading-spinner loading-sm">
             @icons.Trash("w-5 h-5")
           </span>
diff --git a/web/pages/trace_templ.go b/web/pages/trace_templ.go
index 7093add..b459816 100644
--- a/web/pages/trace_templ.go
+++ b/web/pages/trace_templ.go
@@ -55,7 +55,7 @@ func traceListView(m meta.Meta, props traceListViewProps) templ.Component {
 			if err != nil {
 				return err
 			}
-			_, err = templBuffer.WriteString("</li></ul></div> <div class=\"flex flex-col gap-4 p-4\"><div class=\"join flex items-center justify-end\" data-loading-states><button class=\"btn btn-sm btn-error\" hx-delete=\"")
+			_, err = templBuffer.WriteString("</li></ul></div> <div class=\"flex flex-col gap-4 p-4\"><div class=\"join flex items-center justify-end\" data-loading-states><button title=\"Delete All\" class=\"btn btn-sm btn-error\" hx-delete=\"")
 			if err != nil {
 				return err
 			}