diff --git a/ui/src/components/drawer/QDrawer.js b/ui/src/components/drawer/QDrawer.js
index e40ad117c36..c4aebc7df23 100644
--- a/ui/src/components/drawer/QDrawer.js
+++ b/ui/src/components/drawer/QDrawer.js
@@ -173,7 +173,7 @@ export default createComponent({
     const rightSide = computed(() => props.side === 'right')
 
     const stateDirection = computed(() =>
-      ($q.lang.rtl === true ? -1 : 1) * (rightSide.value === true ? 1 : -1)
+      $q.lang.rtl === true ? -1 : rightSide.value === true ? 1 : -1
     )
 
     const flagBackdropBg = ref(0)