diff --git a/src/interface/components/ColourPicker.css b/src/interface/components/ColourPicker.css
index a7147e51..85461f77 100644
--- a/src/interface/components/ColourPicker.css
+++ b/src/interface/components/ColourPicker.css
@@ -2,6 +2,16 @@ div:has(> #rbgcp-wrapper) {
   background: transparent !important;
 }
 
+#rbgcp-inputs-wrap {
+  padding-top: 4px !important;
+  margin-bottom: -8px;
+
+  #rbgcp-hex-input,
+  #rbgcp-input {
+    height: 28px !important;
+  }
+}
+
 .dark {
   #rbgcp-wrapper {
     div[style="padding-top: 11px; position: relative;"] div {
diff --git a/src/interface/components/ColourPicker.tsx b/src/interface/components/ColourPicker.tsx
index 8b8d65ba..2399e94b 100644
--- a/src/interface/components/ColourPicker.tsx
+++ b/src/interface/components/ColourPicker.tsx
@@ -108,7 +108,6 @@ export default function Picker({
     <ColorPicker
       disableDarkMode={true}
       presets={presets}
-      hideInputs={customOnChange ? false : true}
       value={customThemeColor ?? ""}
       onChange={(color: string) => {
         if (customOnChange) {