diff --git a/site/src/pages/TerminalPage/TerminalAlerts.tsx b/site/src/pages/TerminalPage/TerminalAlerts.tsx
index 911e2abce3..2250acc637 100644
--- a/site/src/pages/TerminalPage/TerminalAlerts.tsx
+++ b/site/src/pages/TerminalPage/TerminalAlerts.tsx
@@ -6,7 +6,7 @@ import {
 } from "components/Alert/Alert";
 import { Button } from "components/Button/Button";
 import { Link } from "components/Link/Link";
-import { RefreshCcwIcon } from "lucide-react";
+import { RefreshCwIcon } from "lucide-react";
 import { type FC, useEffect, useRef, useState } from "react";
 import { cn } from "utils/cn";
 import { docs } from "utils/docs";
@@ -206,7 +206,7 @@ const RefreshSessionButton: FC = () => {
 				window.location.reload();
 			}}
 		>
-			<RefreshCcwIcon />
+			<RefreshCwIcon className={cn(isRefreshing && "animate-spin")} />
 			{isRefreshing ? "Refreshing session..." : "Refresh session"}
 		</Button>
 	);