diff --git a/src/components/landing/pages/history/common/entry-menu.scss b/src/components/landing/pages/history/common/entry-menu.scss
index 002ce5da8..e75fa3df8 100644
--- a/src/components/landing/pages/history/common/entry-menu.scss
+++ b/src/components/landing/pages/history/common/entry-menu.scss
@@ -7,4 +7,12 @@
   &:hover .fa, &:hover::after {
     opacity: 1;
   }
+
+  &.btn {
+    padding: 0.6rem 0.65rem;
+  }
+}
+
+.dropdown-toggle.no-arrow::after {
+  content: initial;
 }
diff --git a/src/components/landing/pages/history/common/entry-menu.tsx b/src/components/landing/pages/history/common/entry-menu.tsx
index 7ee02f170..46fe28f46 100644
--- a/src/components/landing/pages/history/common/entry-menu.tsx
+++ b/src/components/landing/pages/history/common/entry-menu.tsx
@@ -17,9 +17,9 @@ export interface EntryMenuProps {
 
 const EntryMenu: React.FC<EntryMenuProps> = ({ id, location, isDark, onRemove, onDelete, className }) => {
   return (
-    <Dropdown className={className || ''}>
-      <Dropdown.Toggle size="sm" variant={isDark ? 'secondary' : 'light'} id={`dropdown-card-${id}`} className='history-menu d-flex align-items-center'>
-        <ForkAwesomeIcon icon="ellipsis-h" className='history-menu'/>
+    <Dropdown className={`d-inline-flex ${className || ''}`}>
+      <Dropdown.Toggle variant={isDark ? 'secondary' : 'light'} id={`dropdown-card-${id}`} className='no-arrow history-menu d-inline-flex align-items-center'>
+        <ForkAwesomeIcon icon="bars" className=''/>
       </Dropdown.Toggle>
 
       <Dropdown.Menu>