diff --git a/onlylegs/static/js/login.js b/onlylegs/static/js/login.js
index db5ca13..77ec09a 100644
--- a/onlylegs/static/js/login.js
+++ b/onlylegs/static/js/login.js
@@ -3,6 +3,7 @@ function showLogin() {
     // Create elements
     cancelBtn = document.createElement('button');
     cancelBtn.classList.add('btn-block');
+    cancelBtn.classList.add('transparent');
     cancelBtn.innerHTML = 'nuuuuuuuu';
     cancelBtn.onclick = popupDissmiss;
 
@@ -100,6 +101,7 @@ function showRegister() {
     // Create buttons
     cancelBtn = document.createElement('button');
     cancelBtn.classList.add('btn-block');
+    cancelBtn.classList.add('transparent');
     cancelBtn.innerHTML = 'nuuuuuuuu';
     cancelBtn.onclick = popupDissmiss;
 
diff --git a/onlylegs/static/js/popup.js b/onlylegs/static/js/popup.js
index bda748c..9438197 100644
--- a/onlylegs/static/js/popup.js
+++ b/onlylegs/static/js/popup.js
@@ -28,7 +28,7 @@ function popUpShow(titleText, subtitleText, bodyContent=null, userActions=null)
             actionsSelector.appendChild(userActions[i]);
         }
     } else {
-        actionsSelector.innerHTML = '<button class="btn-block" onclick="popupDissmiss()">Close</button>';
+        actionsSelector.innerHTML = '<button class="btn-block transparent" onclick="popupDissmiss()">Close</button>';
     }
 
     // Stop scrolling and show popup
diff --git a/onlylegs/static/sass/components/banner.sass b/onlylegs/static/sass/components/banner.sass
index c9b4aca..f835868 100644
--- a/onlylegs/static/sass/components/banner.sass
+++ b/onlylegs/static/sass/components/banner.sass
@@ -57,7 +57,7 @@
         width: 100%
         height: 100%
 
-        background: linear-gradient(to right, RGB($primary), transparent)
+        background: linear-gradient(to right, RGB($bg-100), transparent)
 
         z-index: +1
 
diff --git a/onlylegs/static/sass/components/buttons/block.sass b/onlylegs/static/sass/components/buttons/block.sass
index 6dbe3c8..0fee205 100644
--- a/onlylegs/static/sass/components/buttons/block.sass
+++ b/onlylegs/static/sass/components/buttons/block.sass
@@ -1,11 +1,12 @@
 @mixin btn-block($color)
+    background-color: RGBA($color, 0.1)
     color: RGB($color)
-    box-shadow: 0 1px 0 RGBA($black, 0.2), 0 -1px 0 RGBA($white, 0.2)
+    // box-shadow: 0 1px 0 RGBA($black, 0.2), 0 -1px 0 RGBA($white, 0.2)
 
     &:hover, &:focus-visible
-        background-color: RGBA($color, 0.1)
+        background-color: RGBA($color, 0.15)
         color: RGB($color)
-        box-shadow: 0 1px 0 RGBA($black, 0.2), 0 -1px 0 RGBA($color, 0.2)
+        // box-shadow: 0 1px 0 RGBA($black, 0.2), 0 -1px 0 RGBA($color, 0.2)
 
     
 .btn-block
@@ -29,7 +30,7 @@
     color: RGB($white)
     border: none
     border-radius: $rad-inner
-    box-shadow: 0 1px 0 RGBA($black, 0.2), 0 -1px 0 RGBA($white, 0.2)
+    // box-shadow: 0 1px 0 RGBA($black, 0.2), 0 -1px 0 RGBA($white, 0.2)
     outline: none
 
     cursor: pointer
@@ -37,23 +38,24 @@
 
     &:hover, &:focus-visible
         background-color: RGBA($white, 0.2)
-        box-shadow: 0 1px 0 RGBA($black, 0.3), 0 -1px 0 RGBA($white, 0.3)
+        // box-shadow: 0 1px 0 RGBA($black, 0.3), 0 -1px 0 RGBA($white, 0.3)
+
+    &.transparent
+        background-color: transparent
+
+        &:hover, &:focus-visible
+            text-decoration: underline
 
     &.primary
         @include btn-block($primary)
-
     &.critical
         @include btn-block($critical)
-
     &.warning
         @include btn-block($warning)
-
     &.success
         @include btn-block($success)
-
     &.info
         @include btn-block($info)
-
     &.black
         @include btn-block($black)
 
@@ -94,7 +96,7 @@
     border: none
     border-bottom: 3px solid RGBA($white, 0.1)
     border-radius: $rad-inner
-    box-shadow: 0 1px 0 RGBA($black, 0.2), 0 -1px 0 RGBA($white, 0.2)
+    // box-shadow: 0 1px 0 RGBA($black, 0.2), 0 -1px 0 RGBA($white, 0.2)
     outline: none
 
     cursor: pointer
@@ -134,7 +136,7 @@
     color: RGB($white)
     border: none
     border-radius: $rad-inner
-    box-shadow: 0 1px 0 RGBA($black, 0.2), 0 -1px 0 RGBA($white, 0.2)
+    // box-shadow: 0 1px 0 RGBA($black, 0.2), 0 -1px 0 RGBA($white, 0.2)
     outline: none
 
     cursor: pointer
@@ -157,17 +159,17 @@
     &:hover, &:focus-visible
         background-color: RGBA($white, 0.2)
         color: RGB($white)
-        box-shadow: 0 1px 0 RGBA($black, 0.3), 0 -1px 0 RGBA($white, 0.3)
+        // box-shadow: 0 1px 0 RGBA($black, 0.3), 0 -1px 0 RGBA($white, 0.3)
 
     &.active
         background-color: RGBA($primary, 0.2)
         color: RGB($primary)
-        box-shadow: 0 1px 0 RGBA($black, 0.3), 0 -1px 0 RGBA($primary, 0.3)
+        // box-shadow: 0 1px 0 RGBA($black, 0.3), 0 -1px 0 RGBA($primary, 0.3)
 
     &.edging
         background-color: RGBA($white, 0.2)
         color: RGB($white)
-        box-shadow: 0 1px 0 RGBA($black, 0.3), 0 -1px 0 RGBA($white, 0.3)
+        // box-shadow: 0 1px 0 RGBA($black, 0.3), 0 -1px 0 RGBA($white, 0.3)
 
         input
             display: none // So it doesnt get in the way of the drop as that breaks things
@@ -175,4 +177,4 @@
     &.error
         background-color: RGBA($critical, 0.2)
         color: RGB($critical)
-        box-shadow: 0 1px 0 RGBA($black, 0.3), 0 -1px 0 RGBA($critical, 0.3)
+        // box-shadow: 0 1px 0 RGBA($black, 0.3), 0 -1px 0 RGBA($critical, 0.3)
diff --git a/onlylegs/static/sass/components/buttons/pill.sass b/onlylegs/static/sass/components/buttons/pill.sass
index cc30fc5..574476d 100644
--- a/onlylegs/static/sass/components/buttons/pill.sass
+++ b/onlylegs/static/sass/components/buttons/pill.sass
@@ -18,7 +18,7 @@
 
         background-color: RGB($bg-200)
         border-radius: $rad
-        box-shadow: 0 1px 0 RGB($bg-100), 0 -1px 0 RGB($bg-300)
+        // box-shadow: 0 1px 0 RGB($bg-100), 0 -1px 0 RGB($bg-300)
 
 .pill-text
     margin: 0
diff --git a/onlylegs/static/sass/components/pop-up.sass b/onlylegs/static/sass/components/pop-up.sass
index 2af9246..e495184 100644
--- a/onlylegs/static/sass/components/pop-up.sass
+++ b/onlylegs/static/sass/components/pop-up.sass
@@ -25,7 +25,7 @@
 
     .pop-up-wrapper
         margin: 0
-        padding: 0
+        padding: 1rem
 
         width: 621px
         height: auto
@@ -46,8 +46,8 @@
         transition: transform 0.2s $animation-smooth
 
     .pop-up-header
-        margin: 0
-        padding: 1rem
+        margin: 0 0 1rem 0
+        padding: 0
 
         width: 100%
         height: auto
@@ -102,17 +102,6 @@
             &:hover
                 text-decoration: underline
 
-        img
-            margin: auto
-            padding: 0
-
-            width: auto
-            height: auto
-            max-width: 100%
-            max-height: 40vh
-
-            border-radius: $rad-inner
-
         form
             margin: 0
             padding: 0
@@ -128,7 +117,7 @@
 
     .pop-up-controlls
         margin: 0
-        padding: 0.25rem
+        padding: 0
 
         width: 100%
         height: auto
@@ -136,9 +125,9 @@
         display: flex
         flex-direction: row
         justify-content: flex-end
-        gap: 0.25rem
+        gap: 0.5rem
 
-        background-color: RGB($bg-100)
+        // background-color: RGB($bg-100)
 
     &.active
         opacity: 1
@@ -158,8 +147,9 @@
             img 
                 max-height: 50vh
 
-        .pop-up-controlls button
-            width: 100%
+        .pop-up-controlls
+            button
+                width: 100%
     
         &.active
             opacity: 1
\ No newline at end of file