diff --git a/src/pages/videos.tsx b/src/pages/videos.tsx
index f5df1bd..1c97b65 100644
--- a/src/pages/videos.tsx
+++ b/src/pages/videos.tsx
@@ -78,7 +78,7 @@ const VideoList: NextPage = () => {
                 <div className="mt-4">
                   <button
                     onClick={openRecordModal}
-                    className="inline-flex items-center rounded-md border border-transparent bg-red-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+                    className="inline-flex items-center rounded-md border border-transparent bg-red-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2"
                   >
                     Record a video
                   </button>