diff --git a/source/components/PeriodSwitch.css b/source/components/PeriodSwitch.css
index f750722fa..21a9b95c4 100644
--- a/source/components/PeriodSwitch.css
+++ b/source/components/PeriodSwitch.css
@@ -6,7 +6,7 @@
 }
 #PeriodSwitch .base {
 	background: var(--colour);
-	border-radius: 1em;
+	border-radius: 0.3em;
 	padding: 0.4em;
 }
 
@@ -21,18 +21,18 @@
 
 #PeriodSwitch .radioText {
 	cursor: pointer;
-	border-radius: 1em;
+	border-radius: 0.3em;
 	padding: 0 0.6em;
 	color: white;
 }
 
 #PeriodSwitch .radioText:hover {
-	border-bottom: 1px solid white;
-	border-radius: 0;
+	text-decoration: underline;
 }
 
 #PeriodSwitch input[type='radio']:checked + .radioText {
 	background: white;
 	border: 4px solid white;
 	color: var(--colour);
+	text-decoration: none;
 }