diff --git a/client/src/images/framed-phone-screenshot-2.webp b/client/src/images/framed-phone-screenshot-2.webp
index c5fa17c..645c2da 100644
Binary files a/client/src/images/framed-phone-screenshot-2.webp and b/client/src/images/framed-phone-screenshot-2.webp differ
diff --git a/client/src/images/framed-phone-screenshot.webp b/client/src/images/framed-phone-screenshot.webp
index d4973a7..88ca64c 100644
Binary files a/client/src/images/framed-phone-screenshot.webp and b/client/src/images/framed-phone-screenshot.webp differ
diff --git a/client/src/styles/create.css b/client/src/styles/create.css
index 4c0a139..ea4ab93 100644
--- a/client/src/styles/create.css
+++ b/client/src/styles/create.css
@@ -230,22 +230,36 @@
 }
 
 #custom-role-actions {
+    background-color: #16141e;
+    border-radius: 5px;
+    border: 2px solid #3b3a4a;
     display: none;
     color: #e7e7e7;
     position: absolute;
     z-index: 25;
     top: 38px;
-    right: 29px;
-    background-color: #3b3a4a;
-    border-radius: 5px;
+    width: 150px;
+    right: 9px;
     box-shadow: -3px -3px 6px rgb(0 0 0 / 60%);
 }
 
+#custom-role-actions div:nth-child(1) {
+    border-bottom: 2px solid #3b3a4a;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+#custom-role-actions div:nth-child(2) {
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+}
+
 .custom-role-action {
     display: flex;
     width: 100%;
-    padding: 10px;
-    background-color: #3b3a4a;
+    padding: 10px 0;
+    background-color: #16141e;
+    border-radius: 5px;
     text-align: center;
     justify-content: center;
     align-items: center;
diff --git a/client/src/styles/home.css b/client/src/styles/home.css
index 56f672d..f2b7e49 100644
--- a/client/src/styles/home.css
+++ b/client/src/styles/home.css
@@ -16,6 +16,8 @@ button#home-create-button {
     width: 40vw;
     min-width: 175px;
     margin: 0;
+    border: 1px solid #464552;
+    border-radius: 21px;
 }
 
 #about-container {