diff --git a/app/src/UI/Overlay/Records/Record.css b/app/src/UI/Overlay/Records/Record.css
new file mode 100644
index 000000000..3e3ffe1da
--- /dev/null
+++ b/app/src/UI/Overlay/Records/Record.css
@@ -0,0 +1,36 @@
+.selectedFormTab {
+  border-bottom-style: solid !important;
+  border-width: 0.5vh !important;
+  border-color: var(--bc-yellow) !important;
+}
+
+.records__activity__photos_button {
+  height: 5vh;
+  border-color: black;
+  border-radius: 0px !important;
+  background-color: var(--bc-blue) !important;
+}
+
+.records__activity__form_button {
+  height: 5vh;
+  border-color: black;
+  border-radius: 0px !important;
+  background-color: var(--bc-blue) !important;
+}
+
+.records__activity__map_button {
+  height: 5vh;
+  border-color: black;
+  border-radius: 0px !important;
+  background-color: var(--bc-blue) !important;
+}
+
+.records__activity_buttons {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  & > button {
+    height: 20pt;
+  }
+}
diff --git a/app/src/UI/Overlay/Records/Record.tsx b/app/src/UI/Overlay/Records/Record.tsx
index 526c6a475..66575e364 100644
--- a/app/src/UI/Overlay/Records/Record.tsx
+++ b/app/src/UI/Overlay/Records/Record.tsx
@@ -1,6 +1,6 @@
 import { useRef } from 'react';
 
-import './Records.css';
+import './Record.css';
 import { Route, useHistory } from 'react-router';
 import { useSelector } from 'react-redux';
 import { ActivityForm } from './Activity/Form';