diff --git a/src/panelWebView/components/Git/GitAction.tsx b/src/panelWebView/components/Git/GitAction.tsx
index efc7a5a1..c8e71472 100644
--- a/src/panelWebView/components/Git/GitAction.tsx
+++ b/src/panelWebView/components/Git/GitAction.tsx
@@ -154,7 +154,7 @@ export const GitAction: React.FunctionComponent<IGitActionProps> = ({
           title={l10n.t(LocalizationKey.commonSync)}
         >
           <div className="git_actions__sync">
-            <ArrowPathIcon className={isSyncing === "syncing" ? 'animate-reverse-spin' : ''} aria-hidden="true" />
+            <ArrowPathIcon className={isSyncing === "syncing" ? 'animate-spin' : ''} aria-hidden="true" />
             <span>
               {l10n.t(LocalizationKey.commonSync)}
             </span>
diff --git a/src/panelWebView/styles.css b/src/panelWebView/styles.css
index 9d0a9a40..d2aaa239 100644
--- a/src/panelWebView/styles.css
+++ b/src/panelWebView/styles.css
@@ -4,10 +4,10 @@
 /* Animations */
 @keyframes spin {
   from {
-    transform: rotate(360deg);
+    transform: rotate(0deg);
   }
   to {
-    transform: rotate(0deg);
+    transform: rotate(360deg);
   }
 }