diff --git a/frontend/src/components/single-selector.js b/frontend/src/components/single-selector.js
index f171611aa7..3f6b72288f 100644
--- a/frontend/src/components/single-selector.js
+++ b/frontend/src/components/single-selector.js
@@ -67,10 +67,10 @@ class Selector extends Component {
         </span>
         {isPopoverOpen && (
           <div className="options-container position-absolute rounded shadow mt-1" ref={ref => this.selector = ref}>
-            <ul className="option-list list-unstyled p-3 o-auto">
+            <ul className="option-list list-unstyled py-3 o-auto">
               {options.map((item, index) => {
                 return (
-                  <li key={index} className="option-item h-6 p-1 rounded d-flex justify-content-between align-items-center" onClick={(e) => {this.selectItem(e, item);}}>
+                  <li key={index} className="option-item h-6 py-1 px-3 d-flex justify-content-between align-items-center" onClick={(e) => {this.selectItem(e, item);}}>
                     <span className="option-item-text flex-shrink-0 mr-3">{item.text}</span>
                     <i className={`sf2-icon-tick text-gray font-weight-bold ${item.isSelected ? '' : 'invisible'}`}></i>
                   </li>