diff --git a/app/assets/styles/buttonGroup.css b/app/assets/styles/buttonGroup.css
index 9901a40..91eb4bc 100644
--- a/app/assets/styles/buttonGroup.css
+++ b/app/assets/styles/buttonGroup.css
@@ -21,8 +21,8 @@
         transition: var(--transition-default);
 
         &.active {
-            --color: var(--color-darkest);
-            --background: var(--color-gradient-main);
+            --color: var(--color-lightest);
+            --background: var(--color-main-dark);
         }
 
         &:first-child {
diff --git a/app/assets/styles/footer.css b/app/assets/styles/footer.css
index fe5018e..b23b844 100644
--- a/app/assets/styles/footer.css
+++ b/app/assets/styles/footer.css
@@ -1,6 +1,8 @@
 .Footer {
+    position: relative;
     background: var(--color-darkest);
     padding: 1rem;
+    z-index: 100;
 
     & h4 {
         color: var(--color-lightest);
diff --git a/app/assets/styles/priceCard.css b/app/assets/styles/priceCard.css
index 15b9119..b8702ea 100755
--- a/app/assets/styles/priceCard.css
+++ b/app/assets/styles/priceCard.css
@@ -4,7 +4,7 @@
     width: 100%;
     transition: 150ms;
     opacity: 1;
-    color: var(--color-main-dark);
+    color: var(--color-darkest);
     background: black;
 
     .bottom {
@@ -95,17 +95,22 @@
                 flex-grow: 0;
                 align-items: center;
                 gap: .25rem;
+                font-weight: bold;
 
                 & > .price {
                     display: flex;
                     align-items: center;
                     gap: .5rem;
+
+                    & > .icon {
+                        color: var(--color-main-dark);
+                    }
                 }
 
                 & > .pro {
                     font-size: .6rem;
-                    font-weight: bold;
                     color: var(--color-middle);
+                    font-weight: lighter;
                 }
             }
         }
diff --git a/app/assets/styles/toolbar.css b/app/assets/styles/toolbar.css
index 4e0146d..a634889 100755
--- a/app/assets/styles/toolbar.css
+++ b/app/assets/styles/toolbar.css
@@ -4,6 +4,7 @@
     background: var(--color-main-darkest);
     position: sticky;
     bottom: 0;
+    z-index: 100;
     box-shadow: var(--box-shadow-upper);
 
     & > .Button {
diff --git a/app/components/Pp/PriceCard.vue b/app/components/Pp/PriceCard.vue
index 2c4e217..c4236e6 100755
--- a/app/components/Pp/PriceCard.vue
+++ b/app/components/Pp/PriceCard.vue
@@ -77,9 +77,9 @@ const intl = Intl.NumberFormat('de-DE', {
 
 const { lengthX, isSwiping } = useSwipe(top, {
   passive: false,
-  threshold: 5,
+  threshold: 30,
   onSwipe() {
-    if (lengthX.value != 0) {
+    if (lengthX.value > 50 || lengthX.value < -50) {
       left.value = `${-clamp(lengthX.value, -100, 100)}px`
     }
   },