diff --git a/changelog/27728.txt b/changelog/27728.txt
new file mode 100644
index 0000000000..6c1c18ef50
--- /dev/null
+++ b/changelog/27728.txt
@@ -0,0 +1,3 @@
+```release-note:bug
+ui: fix namespace picker not working when in small screen where the sidebar is collapsed by default.
+```
\ No newline at end of file
diff --git a/ui/app/styles/components/namespace-picker.scss b/ui/app/styles/components/namespace-picker.scss
index 76ac720136..7da3e887a4 100644
--- a/ui/app/styles/components/namespace-picker.scss
+++ b/ui/app/styles/components/namespace-picker.scss
@@ -6,7 +6,6 @@
 .namespace-picker {
   position: relative;
   color: var(--token-color-palette-neutral-300);
-  display: flex;
   padding: $spacing-4 $spacing-8;
   width: 100%;
 }
@@ -23,12 +22,14 @@
   height: 2rem;
   justify-content: space-between;
   margin-right: $spacing-4;
+  width: 100%;
 }
 
 .namespace-picker-content {
   width: 250px;
   max-height: 300px;
   overflow: auto;
+  color: var(--token-color-foreground-primary);
   border-radius: $radius;
   box-shadow: $box-shadow, $box-shadow-high;
 
diff --git a/ui/app/templates/components/namespace-picker.hbs b/ui/app/templates/components/namespace-picker.hbs
index 787c42d5ba..94f488f135 100644
--- a/ui/app/templates/components/namespace-picker.hbs
+++ b/ui/app/templates/components/namespace-picker.hbs
@@ -4,7 +4,7 @@
 ~}}
 
 <div class="namespace-picker" ...attributes>
-  <BasicDropdown @horizontalPosition="left" @verticalPosition="above" as |D|>
+  <BasicDropdown @horizontalPosition="left" @verticalPosition="above" @renderInPlace={{true}} as |D|>
     <D.Trigger
       @htmlTag="button"
       class="button is-transparent namespace-picker-trigger has-current-color"