diff --git a/res/css/main.css b/res/css/main.css
index 9398d48..ace3b0b 100644
--- a/res/css/main.css
+++ b/res/css/main.css
@@ -120,6 +120,8 @@
 
 .message-input-browse-icon {
     color: #b9bbbe;
+    margin-left: 5px;
+    margin-top: 11px;
 }
 
 /* i dont think theres a way to circumvent having to do this to adjust around the browse icon */
diff --git a/src/components/chatinput.cpp b/src/components/chatinput.cpp
index 87892e0..2466965 100644
--- a/src/components/chatinput.cpp
+++ b/src/components/chatinput.cpp
@@ -176,11 +176,10 @@ bool ChatInputTextContainer::GetChildPosition(Gtk::Widget *child, Gdk::Rectangle
     Gtk::Requisition min, req;
     child->get_preferred_size(min, req);
 
-    // yummy hardcoded values
-    pos.set_x(5);
+    // let css move it around
+    pos.set_x(0);
+    pos.set_y(0);
     pos.set_width(std::max(min.width, std::min(main_alloc.get_width(), req.width)));
-
-    pos.set_y(12);
     pos.set_height(std::max(min.height, std::min(main_alloc.get_height(), req.height)));
 
     return true;