diff --git a/app/src/main/assets/shared_error_style.css b/app/src/main/assets/shared_error_style.css
index 67b0877fe..5753b00a7 100644
--- a/app/src/main/assets/shared_error_style.css
+++ b/app/src/main/assets/shared_error_style.css
@@ -65,16 +65,31 @@ p {
 button {
   display: block;
   height: 36px;
+  box-sizing: content-box;
   width: 100%;
-  border-radius: 5px;
   border: 0;
+  padding: 6px 0px;
   font-family: inherit;
-  background-color: var(--primary-button-color);
+  background-color: transparent;
   color: var(--primary-button-text-color);
   font-size: 14px;
   font-weight: bold;
-  margin: var(--moz-vertical-spacing) auto;
+  margin: 0 auto;
   text-align: center;
+  position: relative;
+}
+
+button::after {
+  background-color: var(--primary-button-color);
+  content: '';
+  border-radius: 5px;
+  display: block;
+  position: absolute;
+  top: 6px;
+  left: 0px;
+  right: 0px;
+  bottom: 6px;
+  z-index: -1;
 }
 
 hr {
@@ -90,10 +105,14 @@ hr {
 }
 
 .buttonSecondary {
-  background-color: var(--secondary-button-color);
+  background-color: transparent;
   color: var(--secondary-button-text-color);
 }
 
+.buttonSecondary::after {
+  background-color: var(--secondary-button-color);
+}
+
 #errorPageContainer {
   /* If the page is greater than 550px center the content.
     * This number should be kept in sync with the media query for tablets below */