diff --git a/FtcDashboard/dash/src/assets/icons/connected.svg b/FtcDashboard/dash/src/assets/icons/connected.svg
new file mode 100644
index 000000000..505efc775
--- /dev/null
+++ b/FtcDashboard/dash/src/assets/icons/connected.svg
@@ -0,0 +1,7 @@
+<!-- based on wifi -->
+<svg fill="#FFFFFF" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg">
+    <title>Connected</title>
+    <path d="M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z" fill-opacity=".3"/>
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M3.53 10.95l8.46 10.54.01.01.01-.01 8.46-10.54C20.04 10.62 16.81 8 12 8c-4.81 0-8.04 2.62-8.47 2.95z"/>
+</svg>
\ No newline at end of file
diff --git a/FtcDashboard/dash/src/assets/icons/disconnected.svg b/FtcDashboard/dash/src/assets/icons/disconnected.svg
new file mode 100644
index 000000000..4196e9747
--- /dev/null
+++ b/FtcDashboard/dash/src/assets/icons/disconnected.svg
@@ -0,0 +1,6 @@
+<!-- based on wifi_off -->
+<svg fill="#FFFFFF" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg">
+    <title>Disconnected</title>
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M23.64 7c-.45-.34-4.93-4-11.64-4-1.5 0-2.89.19-4.15.48L18.18 13.8 23.64 7zm-6.6 8.22L3.27 1.44 2 2.72l2.05 2.06C1.91 5.76.59 6.82.36 7l11.63 14.49.01.01.01-.01 3.9-4.86 3.32 3.32 1.27-1.27-3.46-3.46z"/>
+</svg>
\ No newline at end of file
diff --git a/FtcDashboard/dash/src/components/Dashboard/Dashboard.tsx b/FtcDashboard/dash/src/components/Dashboard/Dashboard.tsx
index 14335e7c9..6d9d07016 100644
--- a/FtcDashboard/dash/src/components/Dashboard/Dashboard.tsx
+++ b/FtcDashboard/dash/src/components/Dashboard/Dashboard.tsx
@@ -6,8 +6,8 @@ import { saveLayoutPreset, getLayoutPreset } from '@/store/actions/settings';
 import { RootState } from '@/store/reducers';
 
 import { BaseViewIconButton } from '@/components/views/BaseView';
-import { ReactComponent as ConnectedIcon } from '@/assets/icons/wifi.svg';
-import { ReactComponent as DisconnectedIcon } from '@/assets/icons/wifi_off.svg';
+import { ReactComponent as ConnectedIcon } from '@/assets/icons/connected.svg';
+import { ReactComponent as DisconnectedIcon } from '@/assets/icons/disconnected.svg';
 import { ReactComponent as SettingsIcon } from '@/assets/icons/settings.svg';
 import SettingsModal from './SettingsModal';
 import { startSocketWatcher } from '@/store/middleware/socketMiddleware';
@@ -71,6 +71,7 @@ export default function Dashboard() {
             <DisconnectedIcon className="ml-4 h-10 w-10 py-1" />
           )}
           <BaseViewIconButton
+            title="Settings"
             className="icon-btn group ml-3 h-8 w-8 hover:border-white/50"
             onClick={() => setIsSettingsModalOpen(true)}
           >
diff --git a/FtcDashboard/dash/src/components/views/CameraView.jsx b/FtcDashboard/dash/src/components/views/CameraView.jsx
index de2b2204b..f220e717f 100644
--- a/FtcDashboard/dash/src/components/views/CameraView.jsx
+++ b/FtcDashboard/dash/src/components/views/CameraView.jsx
@@ -74,7 +74,7 @@ class CameraView extends React.Component {
             Camera
           </BaseViewHeading>
           <BaseViewIcons>
-            <BaseViewIconButton>
+            <BaseViewIconButton title="Rotate">
               <RefreshIcon
                 className="h-6 w-6"
                 onClick={() =>
diff --git a/FtcDashboard/dash/src/components/views/ConfigView/ConfigView.tsx b/FtcDashboard/dash/src/components/views/ConfigView/ConfigView.tsx
index a56598778..07c572cd9 100644
--- a/FtcDashboard/dash/src/components/views/ConfigView/ConfigView.tsx
+++ b/FtcDashboard/dash/src/components/views/ConfigView/ConfigView.tsx
@@ -98,6 +98,7 @@ const ConfigView = ({
         </BaseViewHeading>
         <BaseViewIcons>
           <BaseViewIconButton
+            title="Save Changes"
             onClick={() => {
               const configDiff = validAndModified(configRoot);
               if (configDiff != null) {
@@ -111,6 +112,7 @@ const ConfigView = ({
             <SaveIcon className="h-6 w-6" />
           </BaseViewIconButton>
           <BaseViewIconButton
+            title="Reload Values"
             onClick={() =>
               dispatch({
                 type: 'REFRESH_CONFIG',
diff --git a/FtcDashboard/dash/src/components/views/GraphView/GraphView.tsx b/FtcDashboard/dash/src/components/views/GraphView/GraphView.tsx
index b811bfbe4..ae83e1982 100644
--- a/FtcDashboard/dash/src/components/views/GraphView/GraphView.tsx
+++ b/FtcDashboard/dash/src/components/views/GraphView/GraphView.tsx
@@ -186,7 +186,10 @@ class GraphView extends Component<GraphViewProps, GraphViewState> {
           </BaseViewHeading>
           <BaseViewIcons>
             {this.state.graphing && this.state.selectedKeys.length !== 0 && (
-              <BaseViewIconButton className="icon-btn h-8 w-8">
+              <BaseViewIconButton
+                title={this.state.paused ? 'Resume Graphing' : 'Pause Graphing'}
+                className="icon-btn h-8 w-8"
+              >
                 {this.state.paused ? (
                   <PlayIcon className="h-6 w-6" onClick={this.play} />
                 ) : (
@@ -195,7 +198,9 @@ class GraphView extends Component<GraphViewProps, GraphViewState> {
               </BaseViewIconButton>
             )}
 
-            <BaseViewIconButton>
+            <BaseViewIconButton
+              title={this.state.graphing ? 'Stop Graphing' : 'Start Graphing'}
+            >
               {this.state.graphing ? (
                 <CloseIcon className="h-6 w-6" onClick={this.stop} />
               ) : (