diff --git a/src/views/purse/PurseView.scss b/src/views/purse/PurseView.scss
index aec49b57..e24e7381 100644
--- a/src/views/purse/PurseView.scss
+++ b/src/views/purse/PurseView.scss
@@ -1,5 +1,5 @@
 .nitro-purse {
-
+    
 }
 
 @import './currency/CurrencyView';
diff --git a/src/views/purse/PurseView.tsx b/src/views/purse/PurseView.tsx
index 284b657e..ca154ff5 100644
--- a/src/views/purse/PurseView.tsx
+++ b/src/views/purse/PurseView.tsx
@@ -29,7 +29,7 @@ export const PurseView: FC<PurseViewProps> = props =>
     return (
         <PurseContextProvider value={ { purseState, dispatchPurseState }}>
             <PurseMessageHandler />
-            <div className="row row-cols-2 g-0">
+            <div className="nitro-purse row row-cols-2 g-0">
                 { currencies && currencies.map((currency, index) =>
                     {
                         if(displayedCurrencies.indexOf(currency.type) === -1) return null;
diff --git a/src/views/purse/currency/CurrencyView.scss b/src/views/purse/currency/CurrencyView.scss
index f3c39f9a..5432ef9b 100644
--- a/src/views/purse/currency/CurrencyView.scss
+++ b/src/views/purse/currency/CurrencyView.scss
@@ -1,2 +1,9 @@
 .nitro-currency {
+    background: rgba(20, 20, 20, .95);
+    border: 1px solid #101010;
+    box-shadow: inset 2px 2px rgba(255, 255, 255, .1), inset -2px -2px rgba(255, 255, 255, .1);
+
+    .icon {
+        border-left: 1px solid rgba(255, 255, 255, .1);
+    }
 }
diff --git a/src/views/purse/currency/CurrencyView.tsx b/src/views/purse/currency/CurrencyView.tsx
index 16df5e75..ccf2ba52 100644
--- a/src/views/purse/currency/CurrencyView.tsx
+++ b/src/views/purse/currency/CurrencyView.tsx
@@ -18,9 +18,9 @@ export function CurrencyView(props: CurrencyViewProps): JSX.Element
     return (
         <TransitionAnimation type={ TransitionAnimationTypes.FADE_IN } inProp={ showUp }>
             <div className="col pe-1 pb-1">
-                <div className="d-flex bg-primary rounded border overflow-hidden">
-                    <div className="d-flex flex-grow-1 align-items-center justify-content-end pe-1">{ currency.amount }</div>
-                    <div className="bg-secondary"><CurrencyIcon type={ currency.type } /></div>
+                <div className="nitro-currency p-1 d-flex rounded overflow-hidden">
+                    <div className="flex-grow-1 px-1 me-1 text-end">{ currency.amount }</div>
+                    <div className="icon px-1"><CurrencyIcon type={ currency.type } /></div>
                 </div>
             </div>
         </TransitionAnimation>
diff --git a/src/views/right-side/RightSideView.scss b/src/views/right-side/RightSideView.scss
index 770354f1..8ecb2ec9 100644
--- a/src/views/right-side/RightSideView.scss
+++ b/src/views/right-side/RightSideView.scss
@@ -4,4 +4,5 @@
     right: 10px;
     width: 200px;
     z-index: $rightside-zindex;
+    pointer-events: none;
 }