diff --git a/client/src/components/DotMap.css b/client/src/components/DotMap.css
index 6af2b69..8227726 100644
--- a/client/src/components/DotMap.css
+++ b/client/src/components/DotMap.css
@@ -20,3 +20,7 @@
 .night #dotmap path {
 	fill: rgb(185, 158, 1);
 }
+
+#dotmap {
+	margin: 1em;
+}
diff --git a/client/src/components/Header.css b/client/src/components/Header.css
index ab7b453..05eb899 100644
--- a/client/src/components/Header.css
+++ b/client/src/components/Header.css
@@ -34,11 +34,12 @@ header a:visited {
 	header {
 		justify-content: center;
 		align-items: center;
+		height: 3.5em;
 	}
 
 	.header-logo_container {
 		display: flex;
-		margin: 0 16px;
+		margin-left: -25px;
 		transform: scale(0.7);
 	}
 
diff --git a/client/src/components/MapSection.css b/client/src/components/MapSection.css
index 0f7dc1a..1d08df7 100644
--- a/client/src/components/MapSection.css
+++ b/client/src/components/MapSection.css
@@ -35,7 +35,6 @@
 }
 
 .bootstrap-container {
-	margin-bottom: 70px;
 	padding-left: 82px;
 	padding-top: 20px;
 	display: flex;
@@ -72,8 +71,8 @@
 .expand-icon {
 	width: 40px;
 	position: absolute;
-	top: 150px;
-	right: 40px;
+	top: 4em;
+	right: 2.5em;
 	height: 40px;
 	cursor: pointer;
 }
diff --git a/client/src/components/RhythmCodeIcon.js b/client/src/components/RhythmCodeIcon.js
index 05ea621..02c9a24 100644
--- a/client/src/components/RhythmCodeIcon.js
+++ b/client/src/components/RhythmCodeIcon.js
@@ -1,5 +1,3 @@
-import { useState } from "react";
-
 import "./RhythmCodeIcon.css";
 import "./RhythmItem.css";
 import RhythmItem from "./RhythmItem";
diff --git a/client/src/components/RhythmItem.css b/client/src/components/RhythmItem.css
index d28927c..6448ad6 100644
--- a/client/src/components/RhythmItem.css
+++ b/client/src/components/RhythmItem.css
@@ -5,7 +5,7 @@
 	background-color: rgba(255, 255, 255, 0.8);
 	border: 1px solid transparent;
 	border-radius: 10px;
-	width: 120px;
+	width: 16em;
 	color: var(--copy-color);
 }
 
@@ -16,6 +16,7 @@
 
 .rhythmCodeName {
 	font-weight: 700;
+	font-size: 2.5em;
 	list-style-type: none;
 	margin: 5px 0;
 	padding-bottom: 8px;
@@ -29,7 +30,7 @@
 	padding: 1px;
 	font: var(--font-roboto);
 	color: var(--copy-color);
-	font-size: 16px;
+	font-size: 2.5em;
 	cursor: pointer;
 }
 
@@ -40,3 +41,15 @@
 .rhythmItemList > li:hover {
 	font-weight: 700;
 }
+
+@media screen and (max-width: 768px) {
+	.rhythmCodeName {
+		font-size: 4em;
+	}
+	.rhythmItemList > li > button {
+		font-size: 4em;
+	}
+	.rhythmItemList {
+		width: 25em;
+	}
+}