diff --git a/frontend/src/pages/ExploreData/DataTypeSelector.tsx b/frontend/src/pages/ExploreData/DataTypeSelector.tsx
index be35058a3b..1ec8933c2a 100644
--- a/frontend/src/pages/ExploreData/DataTypeSelector.tsx
+++ b/frontend/src/pages/ExploreData/DataTypeSelector.tsx
@@ -33,8 +33,8 @@ export default function DataTypeSelector(props: DataTypeSelectorProps) {
         <HetPopover popover={popover}>
           {/* DataType SubTopic Dropdown */}
           <>
-            <div className='m-3 flex p-5'>
-              <menu className='m-0 pl-0'>
+            <div className='m-0 flex p-0'>
+              <menu className='m-0 px-0 py-2'>
                 {props.options.map((item: string[]) => {
                   const [optionId, optionDisplayName] = item
                   return (
@@ -45,6 +45,7 @@ export default function DataTypeSelector(props: DataTypeSelectorProps) {
                         popover.close()
                         props.onOptionUpdate(optionId)
                       }}
+                      className='mr-auto ml-6 p-6 text-left'
                     >
                       {optionDisplayName}
                     </HetListBoxOption>
diff --git a/frontend/src/pages/ExploreData/DemographicSelector.tsx b/frontend/src/pages/ExploreData/DemographicSelector.tsx
index 4f6d2f9a36..9c72953ef9 100644
--- a/frontend/src/pages/ExploreData/DemographicSelector.tsx
+++ b/frontend/src/pages/ExploreData/DemographicSelector.tsx
@@ -36,8 +36,8 @@ export default function DemographicSelector(props: DemographicSelectorProps) {
         <HetPopover popover={popover}>
           {/* Demographic Dropdown */}
           <>
-            <div className='m-3 flex p-5'>
-              <menu className='m-0 pl-0'>
+            <div className='m-0 flex p-0'>
+              <menu className='m-0 px-0 py-2'>
                 {props.options.map((item: string[]) => {
                   const [optionId, optionDisplayName] = item
 
@@ -49,6 +49,7 @@ export default function DemographicSelector(props: DemographicSelectorProps) {
                         popover.close()
                         setDemographicType(optionId as DemographicType)
                       }}
+                      className='mr-auto ml-6 p-6 text-left'
                     >
                       {optionDisplayName}
                     </HetListBoxOption>
diff --git a/frontend/src/pages/ExploreData/TopicSelector.tsx b/frontend/src/pages/ExploreData/TopicSelector.tsx
index e74133dbb7..39380a15f2 100644
--- a/frontend/src/pages/ExploreData/TopicSelector.tsx
+++ b/frontend/src/pages/ExploreData/TopicSelector.tsx
@@ -70,6 +70,7 @@ export default function TopicSelector(props: TopicSelectorProps) {
                             popover.close()
                             props.onOptionUpdate(optionId)
                           }}
+                          className='pl-2'
                         >
                           {DROPDOWN_TOPIC_MAP[optionId]}
                         </HetListBoxOption>