diff --git a/src/App.jsx b/src/App.jsx
index 9af820d..04d1d21 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -97,7 +97,7 @@ function App() {
       <div className="bg-[#d3d5d8] flex flex-col min-w-full justify-center gsm:flex-row">
          
         {showMenuAndBgColor && (
-          <div className="color-pallet gsm:w-[10%] w-[85%] py-7 grid grid-cols-6 vsm:grid-cols-4 gsm:grid-cols-1 gap-2 vsm:gap-4 gsm:gap-2 gsm:py-[5rem] gsm:mb-8 mx-auto">
+          <div className="color-pallet gsm:w-[10%] w-[85%] h-[50rem] p-7 grid grid-cols-6 vsm:grid-cols-4 gsm:grid-cols-1 gap-2 vsm:gap-4 gsm:gap-2 gsm:pb-[5rem] gsm:pt-[14rem] gsm:mb-8 mx-auto">
           <input
             type="color"
             name="color"
diff --git a/src/utils/helpers.js b/src/utils/helpers.js
index f5ddd67..960b23a 100644
--- a/src/utils/helpers.js
+++ b/src/utils/helpers.js
@@ -5,10 +5,4 @@ export const rainbowColors = [
   "#fdae61",
   "#fee08b",
   "#e6f598",
-  "#abdda4",
-  "#66c2a5",
-  "#3288bd",
-  "#5e4fa2",
-  "#ffffff",
-  "#000000",
 ];