Fix control width.

Author: opudrovs

ui/components/Sync/SyncControls.tsx

@@ -118,7 +118,7 @@ const SyncControls = ({
   const disableSyncButtons = syncDisabled || syncLoading;
 
   return (
-    <Flex start align className={className}>
+    <Flex wide start align className={className}>
       {customActions && (
         <>
           <CustomActions actions={customActions} />

ui/components/Sync/__tests__/__snapshots__/SyncActions.test.tsx.snap

@@ -13,6 +13,7 @@ exports[`SyncActions snapshots hideSyncOptions 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  width: 100%;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
@@ -415,6 +416,7 @@ exports[`SyncActions snapshots non-suspended 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  width: 100%;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
@@ -983,6 +985,7 @@ exports[`SyncActions snapshots suspended 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  width: 100%;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;