diff --git a/components/upvote.js b/components/upvote.js
index 8eb082cb..4a5a5847 100644
--- a/components/upvote.js
+++ b/components/upvote.js
@@ -34,9 +34,9 @@ const UpvotePopover = ({ target, show, handleClose }) => {
       placement='right'
     >
       <Popover id='popover-basic'>
-        <Popover.Body className='d-flex justify-content-between alert-dismissible' as='h3'>Zapping
-          <button type='button' className='close' onClick={handleClose}><span aria-hidden='true'>×</span><span className='visually-hidden-focusable'>Close alert</span></button>
-        </Popover.Body>
+        <Popover.Header className='d-flex justify-content-between alert-dismissible' as='h4'>Zapping
+          <button type='button' className='btn-close' onClick={handleClose}><span className='visually-hidden-focusable'>Close alert</span></button>
+        </Popover.Header>
         <Popover.Body>
           <div className='mb-2'>Press the bolt again to zap {me?.tipDefault || 1} more sat{me?.tipDefault > 1 ? 's' : ''}.</div>
           <div>Repeatedly press the bolt to zap more sats.</div>
@@ -53,9 +53,9 @@ const TipPopover = ({ target, show, handleClose }) => (
     placement='right'
   >
     <Popover id='popover-basic'>
-      <Popover.Body className='d-flex justify-content-between alert-dismissible' as='h3'>Press and hold
-        <button type='button' className='close' onClick={handleClose}><span aria-hidden='true'>×</span><span className='visually-hidden-focusable'>Close alert</span></button>
-      </Popover.Body>
+      <Popover.Header className='d-flex justify-content-between alert-dismissible' as='h4'>Press and hold
+        <button type='button' className='btn-close' onClick={handleClose}><span className='visually-hidden-focusable'>Close alert</span></button>
+      </Popover.Header>
       <Popover.Body>
         <div className='mb-2'>Press and hold bolt to zap a custom amount.</div>
         <div>As you zap more, the bolt color follows the rainbow.</div>
diff --git a/styles/globals.scss b/styles/globals.scss
index d3a72fea..fe4c4441 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -91,6 +91,7 @@ $popover-max-width: 320px !default;
 $popover-border-color: var(--theme-borderColor);
 $grid-gutter-width: 2rem;
 $toast-spacing: .5rem;
+$btn-close-bg: none;
 
 :root, [data-bs-theme=light] {
   --theme-navLink: rgba(0, 0, 0, 0.55);
@@ -200,7 +201,7 @@ $toast-spacing: .5rem;
   margin-left: auto;
   padding-right: 1.5rem;
   font-family: "lightning";
-  font-size: 150%;
+  font-size: 160%;
   line-height: 1rem;
 }
 
@@ -517,12 +518,14 @@ div[contenteditable] {
   font-weight: bold;
 }
 
-.alert-dismissible .close {
+.alert-dismissible .btn-close {
   font-weight: 300;
-  font-family: 'lightning';
+  font-family: "lightning";
+  font-size: 150%;
+  line-height: 1;
 }
 
-.popover-header.alert-dismissible .close {
+.popover-header.alert-dismissible .btn-close {
   padding: .5rem !important;
 }
 
@@ -541,7 +544,7 @@ div[contenteditable] {
 }
 
 
-.alert-dismissible .close::after {
+.alert-dismissible .btn-close::after {
   content: 'X';
 }