diff --git a/src/src/styles/app.scss b/src/src/styles/app.scss
index a4cc1cd4..e3e7c572 100644
--- a/src/src/styles/app.scss
+++ b/src/src/styles/app.scss
@@ -48,14 +48,15 @@ body {
   padding: 1rem;
   border-top-left-radius: var(--card-border-radius);
   border-top-right-radius: var(--card-border-radius);
+  padding-right: 3.2rem;
 
   > mat-icon {
     font-size: 1.8rem;
   }
 
   span {
-    line-height: 110%;
-    vertical-align: top;
+    // line-height: 110%;
+    vertical-align: text-top;
     padding-left: 1rem;
   }
 }
@@ -69,8 +70,9 @@ body {
 }
 
 .card-close-button {
-  float: right;
-  margin-right: 0.8rem !important;
+  position: absolute !important;
+  right: 1.5rem;
+  top: 0.5rem;
   mat-icon {
     font-size: 2.3rem;
     line-height: 2rem !important;
@@ -164,9 +166,6 @@ a {
   box-shadow: none !important;
   border: 1px solid #eee;
 }
-.mat-button-focus-overlay {
-  background-color: transparent !important;
-}
 
 .full-width {
   width: 100%;
@@ -175,3 +174,12 @@ a {
 p {
   font-size: var(--card-font-size);
 }
+
+// overrides
+
+.mat-button-focus-overlay {
+  background-color: transparent !important;
+}
+.mat-icon-button {
+  line-height: inherit !important;
+}