diff --git a/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx b/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx
index b7f381e45..97ffb4000 100644
--- a/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx
+++ b/frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx
@@ -87,7 +87,7 @@ function LiveSessionList(props: Props) {
             <div className="bg-white p-3 rounded border">
                 <div className="flex mb-6 justify-between items-center">
                     <div className="flex items-baseline">
-                        <h3 className="text-2xl capitalize">
+                        <h3 className="text-2xl capitalize mr-4">
                             <span>Live Sessions</span>
                             {/* <span className="ml-2 font-normal color-gray-medium">{numberWithCommas(total)}</span> */}
                         </h3>
diff --git a/frontend/app/components/shared/ReloadButton/ReloadButton.tsx b/frontend/app/components/shared/ReloadButton/ReloadButton.tsx
index 8ae36a8f1..3e7cf90a6 100644
--- a/frontend/app/components/shared/ReloadButton/ReloadButton.tsx
+++ b/frontend/app/components/shared/ReloadButton/ReloadButton.tsx
@@ -1,22 +1,24 @@
-import React from 'react'
-import { CircularLoader, Icon } from 'UI'
-import cn from 'classnames'
+import React from 'react';
+import { CircularLoader, Icon, Popup } from 'UI';
+import cn from 'classnames';
 
 interface Props {
-    loading?: boolean
-    onClick: () => void
-    iconSize?: number
-    iconName?: string
-    className?: string
+  loading?: boolean;
+  onClick: () => void;
+  iconSize?: number;
+  iconName?: string;
+  className?: string;
 }
 export default function ReloadButton(props: Props) {
-    const { loading, onClick, iconSize = "14", iconName = "sync-alt", className = '' } = props
-    return (
-        <div
-            className={cn("ml-4 h-5 w-6 flex items-center justify-center", className)}
-            onClick={onClick}
-        >
-            { loading ? <CircularLoader className="ml-1" /> : <Icon name={iconName} size={iconSize} />}
-        </div>
-    )
+  const { loading, onClick, iconSize = '14', iconName = 'sync-alt', className = '' } = props;
+  return (
+    <Popup content="Refresh">
+      <div
+        className={cn('h-5 w-6 flex items-center justify-center', className)}
+        onClick={onClick}
+      >
+        {loading ? <CircularLoader className="ml-1" /> : <Icon name={iconName} size={iconSize} />}
+      </div>
+    </Popup>
+  );
 }