diff --git a/packages/ui-vue/components/response-toolbar/src/response-toolbar.component.tsx b/packages/ui-vue/components/response-toolbar/src/response-toolbar.component.tsx
index 0fb90631670fdebc908434fe329f93794351fc3a..17da8b4f045d68486d696ce309191824d4a42963 100644
--- a/packages/ui-vue/components/response-toolbar/src/response-toolbar.component.tsx
+++ b/packages/ui-vue/components/response-toolbar/src/response-toolbar.component.tsx
@@ -128,9 +128,8 @@ export default defineComponent({
          * @returns 
          */
         function getItemWidth(item): number {
-           
-            const marginLeft = Math.ceil(getComputedStyle(item).getPropertyValue('margin-left') as any);
-            const marginRight = Math.ceil(getComputedStyle(item).getPropertyValue('margin-right')  as any);
+            const marginLeft = Math.ceil(parseFloat(getComputedStyle(item).getPropertyValue('margin-left') as any));
+            const marginRight = Math.ceil(parseFloat(getComputedStyle(item).getPropertyValue('margin-right')  as any));
             const itemWidth =
                 (marginLeft ? marginLeft : 0) +
                 (item as HTMLElement).getBoundingClientRect().width +