diff --git a/packages/raystack/components/calendar/calendar.module.css b/packages/raystack/components/calendar/calendar.module.css
index 7b61521e2..e86695bc2 100644
--- a/packages/raystack/components/calendar/calendar.module.css
+++ b/packages/raystack/components/calendar/calendar.module.css
@@ -8,7 +8,7 @@
 }
 
 .captionLabel,
-.dropdowns>span,
+.dropdowns > span,
 .dropdown_trigger {
   font-weight: var(--rs-font-weight-medium);
   font-size: var(--rs-font-size-mini);
@@ -170,13 +170,16 @@
   visibility: hidden;
 }
 
-.calendarPopover {
-  padding: var(--rs-space-3) !important;
+/* Selector Doubling: chains the class with itself to raise specificity
+   from (0,1,0) to (0,2,0), beating react-day-picker's compound selectors
+   without resorting to !important or ID selectors. */
+.calendarPopover.calendarPopover {
+  padding: var(--rs-space-3);
   /* Todo: var does not exist for 0.5px */
-  border: 0.5px solid var(--rs-color-border-base-primary) !important;
+  border: 0.5px solid var(--rs-color-border-base-primary);
   min-width: max-content;
   width: fit-content;
-  max-width: none !important;
+  max-width: none;
 }
 
 .dropdowns {
@@ -291,4 +294,4 @@
 
 .datePickerInput {
   text-align: left;
-}
\ No newline at end of file
+}
diff --git a/packages/raystack/components/code-block/code.module.css b/packages/raystack/components/code-block/code.module.css
index 14e82949d..e77f5a05b 100644
--- a/packages/raystack/components/code-block/code.module.css
+++ b/packages/raystack/components/code-block/code.module.css
@@ -15,7 +15,7 @@
 }
 
 .theme :global(.token.comment) {
-  color: var(--rs-color-foreground-base-secondary) !important;
+  color: var(--rs-color-foreground-base-secondary);
 }
 
 .theme :global(.token.namespace) {
diff --git a/packages/raystack/components/filter-chip/filter-chip.module.css b/packages/raystack/components/filter-chip/filter-chip.module.css
index 130a2bf1b..b83dba957 100644
--- a/packages/raystack/components/filter-chip/filter-chip.module.css
+++ b/packages/raystack/components/filter-chip/filter-chip.module.css
@@ -35,27 +35,27 @@
 
 /* Target any input fields within the chip */
 .chip input {
-  border: none !important;
-  box-shadow: none !important;
-  background: transparent !important;
-  min-height: unset !important;
-  padding: 0 !important;
+  border: none;
+  box-shadow: none;
+  background: transparent;
+  min-height: unset;
+  padding: 0;
 }
 
 /* Control height of Select items */
 .chip [role="option"] {
-  min-height: var(--rs-space-7) !important;
-  height: var(--rs-space-7) !important;
+  min-height: var(--rs-space-7);
+  height: var(--rs-space-7);
 }
 
 /* Style for select triggers */
 .chip [data-trigger] {
-  border: none !important;
-  box-shadow: none !important;
-  background: transparent !important;
-  min-height: unset !important;
+  border: none;
+  box-shadow: none;
+  background: transparent;
+  min-height: unset;
   border-radius: var(--rs-radius-1);
-  color: var(--rs-color-foreground-base-primary) !important;
+  color: var(--rs-color-foreground-base-primary);
   font-weight: var(--rs-font-weight-regular);
   font-size: var(--rs-font-size-small);
   line-height: var(--rs-line-height-small);
@@ -81,8 +81,8 @@
   cursor: pointer;
   color: var(--rs-color-foreground-base-primary);
   transition: color 0.2s ease-in-out;
-  width: var(--rs-space-4) !important;
-  height: var(--rs-space-4) !important;
+  width: var(--rs-space-4);
+  height: var(--rs-space-4);
 }
 
 .removeIcon:hover {
@@ -105,7 +105,7 @@
 }
 
 .selectValue * {
-  font-weight: var(--rs-font-weight-regular) !important;
+  font-weight: var(--rs-font-weight-regular);
 }
 
 .operationValue {
@@ -151,8 +151,8 @@ button.selectValue:hover {
 }
 
 .inputFieldWrapper input {
-  padding-left: var(--rs-space-2) !important;
-  padding-right: var(--rs-space-2) !important;
+  padding-left: var(--rs-space-2);
+  padding-right: var(--rs-space-2);
 }
 
 .dateFieldWrapper {
@@ -180,8 +180,8 @@ button.selectValue:hover {
 
 .dateField input {
   text-align: left;
-  padding-left: var(--rs-space-2) !important;
-  padding-right: var(--rs-space-2) !important;
+  padding-left: var(--rs-space-2);
+  padding-right: var(--rs-space-2);
 }
 
 .dateField [data-trailing] {
diff --git a/packages/raystack/components/search/search.module.css b/packages/raystack/components/search/search.module.css
index e1e256f40..ae18df8cd 100644
--- a/packages/raystack/components/search/search.module.css
+++ b/packages/raystack/components/search/search.module.css
@@ -14,11 +14,11 @@
 }
 
 .clearButton {
-  color: var(--rs-color-foreground-base-tertiary) !important;
+  color: var(--rs-color-foreground-base-tertiary);
 }
 
 .clearButton:hover {
-  color: var(--rs-color-foreground-base-secondary) !important;
+  color: var(--rs-color-foreground-base-secondary);
 }
 
 .clearButton:disabled {
diff --git a/packages/raystack/components/select/select-root.tsx b/packages/raystack/components/select/select-root.tsx
index 2e3cfd607..4278bc538 100644
--- a/packages/raystack/components/select/select-root.tsx
+++ b/packages/raystack/components/select/select-root.tsx
@@ -58,7 +58,7 @@ export const useSelectContext = (): UseSelectContext => {
   };
 };
 
-interface BaseSelectProps extends CommonProps {
+export interface BaseSelectProps extends CommonProps {
   children?: ReactNode;
   open?: boolean;
   defaultOpen?: boolean;