diff --git a/src/components/ContentContainer.tsx b/src/components/ContentContainer.tsx
index 010e72119..fa9f0a5d6 100644
--- a/src/components/ContentContainer.tsx
+++ b/src/components/ContentContainer.tsx
@@ -15,22 +15,18 @@ export const ContentContainer: React.FC<Props> = ({ children }) => {
       <div className="items-center  drawer-content">
         {children}
       </div>
-
       {/* SideBar / Drawer */}
       <div className="drawer-side">
         <label htmlFor="my-drawer" className="drawer-overlay gap-6"></label>
-        
         <ul className="p-4 overflow-y-auto menu w-80 bg-base-100 gap-10 sm:flex">
           <li>
-            <Text variant="heading" className='font-extrabold tracking-tighter text-center'>Menu</Text>
+            <Text variant="heading" className='font-extrabold tracking-tighter text-center text-transparent bg-clip-text bg-gradient-to-br from-indigo-500 to-fuchsia-500'>Menu</Text>
           </li>
           <li>
-
           <NavElement
             label="Home"
             href="/"
           />
-    
           </li>
           <li>
           <NavElement
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index e09dcc98a..b6461a4d3 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -6,7 +6,6 @@ import { AppBar } from '../components/AppBar';
 import { ContentContainer } from '../components/ContentContainer';
 import { Footer } from '../components/Footer';
 import Notifications from '../components/Notification'
-
 require('@solana/wallet-adapter-react-ui/styles.css');
 require('../styles/globals.css');
 
@@ -16,7 +15,6 @@ const App: FC<AppProps> = ({ Component, pageProps }) => {
           <Head>
             <title>Solana Scaffold Lite</title>
           </Head>
-
           <ContextProvider>
             <div className="flex flex-col h-screen">
               <Notifications />
