diff --git a/public/stylesheets/styles.css b/public/stylesheets/styles.css
index 2c70d10..6544b68 100644
--- a/public/stylesheets/styles.css
+++ b/public/stylesheets/styles.css
@@ -959,7 +959,7 @@ body {
   justify-content: space-evenly;
   align-items: center;
   background-color: #ffffff;
-  border: solid 1px black;
+  border: solid 0.1vw black;
 }
 
 .white-font-black-background {
@@ -970,8 +970,8 @@ body {
   display: flex;
   justify-self: center;
   align-self: center;
-  padding: 2px;
-  margin: 2px 0;
+  padding: 0.2vw 0.5vw;
+  font-size: 1vw;
 }
 
 #trash-icon-wrapper {
diff --git a/sass/components/_system-icons.scss b/sass/components/_system-icons.scss
index 1e7c99d..6460275 100644
--- a/sass/components/_system-icons.scss
+++ b/sass/components/_system-icons.scss
@@ -14,7 +14,7 @@
   justify-content: space-evenly;
   align-items: center;
   background-color: #ffffff;
-  border: solid 1px black;
+  border: solid .1vw black;
 }
 
 .white-font-black-background {
@@ -25,8 +25,8 @@
   display: flex;
   justify-self: center;
   align-self: center;
-  padding: 2px;
-  margin: 2px 0;
+  padding: .2vw .5vw;
+  font-size: 1vw;
 }
 
 #trash-icon-wrapper {