diff --git a/index.html b/index.html
index f2dc6985..ec815433 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
     <!-- <link rel="prefetch" as="fetch" href="/whip-003.json" data-whip-003 /> -->
   </head>
   <body>
-    <div id="root" class="bg-slate-100 dark:bg-neutral-900 text-black dark:text-white"></div>
+    <div id="root" class="bg-[#feebda] dark:bg-neutral-900 text-black dark:text-white"></div>
     <script>
       // fix the keplr window type error when there are no node polyfills
       var global = global || window
diff --git a/src/assets/scss/index.scss b/src/assets/scss/index.scss
index 2ab59cfc..adc11a67 100644
--- a/src/assets/scss/index.scss
+++ b/src/assets/scss/index.scss
@@ -11,7 +11,7 @@ body {
 }
 
 body:not(.dark) {
-  @apply bg-slate-100;
+  @apply bg-[#feebda];
 }
 body.dark {
   @apply bg-neutral-900;
diff --git a/src/components/Title.tsx b/src/components/Title.tsx
index 6c608952..a367cb68 100644
--- a/src/components/Title.tsx
+++ b/src/components/Title.tsx
@@ -12,9 +12,7 @@ export default function Title(props: IProps) {
   function TitleContent() {
     return (
       <div className={[`group text-center mb-4 max-w-6xl mx-auto`, props.className ? props.className : ''].join(' ')}>
-        <h1 className="font-bold text-4xl inline text-transparent bg-clip-text bg-gradient-to-r from-cyan-500 to-purple-500">
-          {props.title}
-        </h1>
+        <h1 className="font-bold text-4xl inline text-transparent bg-clip-text bg-[#FF3912]">{props.title}</h1>
         {props.tooltip ? (
           <span className="ml-2 relative bottom-1.5 text-neutral-600 dark:text-neutral-400 group-hover:text-black dark:group-hover:text-white transition-colors cursor-pointer">
             <FontAwesomeIcon icon={faInfoCircle} />
diff --git a/src/pages/portfolio/components/AddressQR.tsx b/src/pages/portfolio/components/AddressQR.tsx
index 8d5da959..923433d4 100644
--- a/src/pages/portfolio/components/AddressQR.tsx
+++ b/src/pages/portfolio/components/AddressQR.tsx
@@ -21,7 +21,7 @@ export default function AddressQR() {
 
   return (
     <div className="group text-center md:text-left h-full">
-      <div className="h-full flex items-center bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 p-8 rounded-xl">
+      <div className="h-full flex items-center bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 px-4 py-0 rounded-xl">
         <div className="flex flex-row items-center gap-4 w-full">
           <div className="flex-1 flex flex-col gap-6 md:items-center overflow-hidden">
             {/* Address */}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index c70d2f77..fd860778 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -150,7 +150,7 @@ export default {
         '500': '#737373',
         '600': '#525252',
         '700': '#404040',
-        '750': '#333333', // for hover effect on bg-neutral-800 items
+        '750': '#333333',
         '800': '#262626',
         '900': '#171717',
         '950': '#0a0a0a'
