diff --git a/src/FilterNavigator/FilterNavigator.css b/src/FilterNavigator/FilterNavigator.css
index ad732d7..717c98d 100644
--- a/src/FilterNavigator/FilterNavigator.css
+++ b/src/FilterNavigator/FilterNavigator.css
@@ -3,15 +3,15 @@
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
-    gap: 10px;
+    gap: 1em;
 }
 
 .filter-list-container {
     display: flex;
     flex-direction: column;
-    padding: 10px;
-    padding-bottom: 15px;
-    min-width: 250px;
+    padding: 0.5em;
+    padding-bottom: 0.5em;
+    min-width: 16em;
     border-radius: 12px;
     background-color: white;
     box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.20000000298023224);
@@ -23,8 +23,8 @@
 .search-cell {
     display: flex;
     flex-direction: column;
-    padding: 10px;
-    min-width: 250px;
+    padding: 0.5em;
+    min-width: 16em;
     border-radius: 12px;
     background-color: white;
     box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.20000000298023224);
@@ -37,7 +37,7 @@
     border-radius: 12px;
     background-color: white;
     box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.20000000298023224);
-    padding: 5px;
+    padding: 0.5em;
     border-color: rgb(80, 80, 80);
 }
 
@@ -48,14 +48,14 @@
 
 .filter-list-cell {
     width: 90%;
-    padding-top: 10px;
-    padding-bottom: 10px;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
     border-top: 1px solid rgba(111, 111, 111, 1);
     font-family: "Roboto", sans-serif;
     font-size: 20px;
     border-radius: 12px;
-    padding-left: 10px;
-    padding-right: 10px;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
     color: rgba(111, 111, 111, 1);
     margin: 0 auto;
 }
diff --git a/src/Resume/Resume.css b/src/Resume/Resume.css
index cdd6238..1b84d1c 100644
--- a/src/Resume/Resume.css
+++ b/src/Resume/Resume.css
@@ -1,10 +1,10 @@
 .resume-container {
     display: flex;
     flex-direction: row;
-    width: calc(100% - 30px);
+    width: calc(100% - 2em);
     height: 100vh;
-    padding: 10px;
-    gap: 10px;
+    padding: 1em;
+    gap: 1em;
     justify-content: center;
     overflow-x: hidden;
 }