diff --git a/src/ui/components/button.rs b/src/ui/components/button.rs
index 1c044de..225b29d 100644
--- a/src/ui/components/button.rs
+++ b/src/ui/components/button.rs
@@ -77,7 +77,7 @@ pub struct ButtonProps {
     children: Element,
 }
 
-fn Button(props: ButtonProps) -> Element {
+pub fn Button(props: ButtonProps) -> Element {
     rsx! {
         style { {STYLE_SHEET} },
 
diff --git a/src/ui/components/button.scss b/src/ui/components/button.scss
index 4476bf9..e16ecd6 100644
--- a/src/ui/components/button.scss
+++ b/src/ui/components/button.scss
@@ -5,16 +5,22 @@
     aspect-ratio: 3.5;
 
     border: $border-normal;
-    border-radius: $border-radius;
+    border-radius: 5%;
 
     color: get-color(greyscale, 0);
 
     font-family: "Geist";
     font-weight: bold;
 
+    // To center the inner svg
+    // TODO: Find a more efficient way to center
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
     svg {
-        height: 100%;
-        width: 100%;
+        height: 85%;
+        width: 85%;
 
         text {
             font-size: 50;