diff --git a/CHANGELOG.md b/CHANGELOG.md
index 69c5d61cb95..455e0ccc372 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@
 1. [13560](https://github.com/influxdata/influxdb/pull/13560): Add option to generate all access token in tokens tab
 
 ### Bug Fixes
+1. [13585](https://github.com/influxdata/influxdb/pull/13585): Prevent overlapping text and dot in time range dropdown
 
 ### UI Improvements
 1. [13424](https://github.com/influxdata/influxdb/pull/13424): Add general polish and empty states to Create Dashboard from Template overlay
diff --git a/ui/src/clockface/components/dropdowns/Dropdown.tsx b/ui/src/clockface/components/dropdowns/Dropdown.tsx
index a55581bf0a6..a445609f253 100644
--- a/ui/src/clockface/components/dropdowns/Dropdown.tsx
+++ b/ui/src/clockface/components/dropdowns/Dropdown.tsx
@@ -118,6 +118,7 @@ class Dropdown extends Component<Props, State> {
       customClass,
       mode,
       wrapMenuText,
+      selectedID,
     } = this.props
 
     return classnames(
@@ -127,7 +128,8 @@ class Dropdown extends Component<Props, State> {
         'dropdown-wrap': wrapMenuText,
         'dropdown-truncate': !wrapMenuText,
         [customClass]: customClass,
-        [`dropdown--${mode}`]: mode,
+        'dropdown--radio': mode === DropdownMode.Radio,
+        'dropdown--action': mode === DropdownMode.ActionList && !selectedID,
       }
     )
   }