diff --git a/bigbluebutton-html5/imports/ui/components/dropdown/styles.scss b/bigbluebutton-html5/imports/ui/components/dropdown/styles.scss
index 952aba87eab005b01fbc1d790902ab70d06aff32..185bd0efffc7ca9d5bccc70f450add28a639aebe 100755
--- a/bigbluebutton-html5/imports/ui/components/dropdown/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/dropdown/styles.scss
@@ -205,7 +205,7 @@
 
   &:after,
   &:before {
-    left: calc(var(--dropdown-caret-width) / 2);
+    left: calc(var(--dropdown-caret-width));
   }
 }
 
diff --git a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-options/component.jsx b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-options/component.jsx
index 3e689940efa29dc8d15164b34155a0cea5c0f528..91561b0e89a24d70f0f1b85602bc68914d3d646a 100755
--- a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-options/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-options/component.jsx
@@ -185,11 +185,11 @@ class UserOptions extends Component {
           <Button
             label={intl.formatMessage(intlMessages.optionsLabel)}
             icon="settings"
-            circle
             ghost
             color="primary"
             hideLabel
             className={styles.optionsButton}
+            size="sm"
             onClick={() => null}
           />
         </DropdownTrigger>
diff --git a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-options/styles.scss b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-options/styles.scss
index 3f37b51e8114285e4260f4e8d6c3d0e135a49cd4..9d58b631b27e47ab43ca3fd7555b3e64649c8d99 100755
--- a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-options/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-options/styles.scss
@@ -1,11 +1,9 @@
 @import "/imports/ui/stylesheets/variables/_all";
 
 :root{
-  --icon-offset-left: -.5em;
-  --icon-offset-top: -.4em;
-  --dropdown-offset-right: -6px;
-  --dropdown-offset-top: -7px;
-  --menu-width: 10rem;
+  --user-manage-menu-top : -0.5rem;
+  --user-manage-menu-right : -0.75rem;
+  --user-manage-menu-width : 10rem;
 }
 
 .dropdown {
@@ -14,9 +12,9 @@
 }
  
 .dropdownContent {
-  top: var(--dropdown-offset-top);
-  right: var(--dropdown-offset-right);
-  width: var(--menu-width);
+  top: var(--user-manage-menu-top);
+  right: var(--user-manage-menu-right);
+  width: var(--user-manage-menu-width);
 
   @include mq($small-only) {
     width: 100vw;
@@ -24,28 +22,20 @@
 }
 
 .optionsButton{
+  border-radius: 50%;
   display: block;
-  margin-right: var(--sm-padding-y);
-
-  span:first-child {
-    width: var(--jumbo-padding-y);
-    height: var(--jumbo-padding-y);
-  }
+  padding: 0px;
 
   i {
-    top: var(--icon-offset-top);
-    left: var(--icon-offset-left);
-    font-size: 145% !important;
+    width: auto;
+    font-size: var(--font-size-base) !important;
     color: var(--color-gray-dark) !important;
     background-color: transparent !important;
   }
 
   &:hover,
   &:focus {
-    > span:first-child {
-      background-color: transparent !important;
-    }
+    background-color: var(--color-off-white) !important;
   }
-
 }