diff --git a/packages/lightdm-webkit-greeter-hamara/src/css/style.css b/packages/lightdm-webkit-greeter-hamara/src/css/style.css
index 71f2b4e6801f177c1bdfc718d355f86c48a8e82f..40b7bd5e0ae0dd281fadf32779ecb436606370d1 100644
--- a/packages/lightdm-webkit-greeter-hamara/src/css/style.css
+++ b/packages/lightdm-webkit-greeter-hamara/src/css/style.css
@@ -59,6 +59,7 @@ input:focus	{
   box-shadow: 0 0 5px 2px #7DBEF1;
 }
 
+
 a {
   text-decoration: none;
 }
@@ -74,7 +75,8 @@ a {
 }
 
 .center {
-  text-align: center;
+    text-align: center;
+    margin: 0, auto;
 }
 
 .button {
@@ -154,9 +156,7 @@ a {
 
 .user {
   display: inline-block;
-  margin-left: 20px;
-  margin-right: 20px;
-  margin-bottom: 20px;
+  margin: 0, auto;
   position: relative;
   cursor: pointer;
   font-family: 'Source Sans Pro';
@@ -172,7 +172,7 @@ a {
   border-radius: 80px;
   border: 2px solid #000;
   background: -webkit-radial-gradient(circle, #FFF , #7b7b81 );
-  
+  margin:7px;
 }
 
 .user_image_wrapper:hover {
@@ -195,7 +195,8 @@ a {
 }
 
 .footer {
-  height: 10%;
+    height: 10%;
+    margin:0, auto;
   
 }
 
@@ -203,6 +204,7 @@ a {
   width:60;
   height:60;
   -webkit-user-drag: none;
+  margin: 0, auto;
 }
 
 ul {
@@ -257,19 +259,20 @@ dropdown {
   z-index: -1;
   transform: translateY(-2em);
   transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
-  margin-left: -40px;
+  margin-left: -46px;
+  margin-top: 3px;
 }
 
 .dropdown-content a {
   font-family: 'source sans pro';
   font-size: 1rem;
-  background-color: #F7931E;
-  color: white;
+  background-color: #FFFFF;
+  color: grey;
   text-decoration: none;
+  text-align:center;
   display: block;
-  text-align: center;
   height: 40px;
-  width: 110px;
+  width: 117px;
   -webkit-user-drag: none;
 }
 
@@ -287,15 +290,15 @@ dropdown {
 }
 
 .icon_sleep {
-  margin-top: 20px;
+  margin-top: 2px;
 }
 
 .icon_restart {
-  margin-top: 1px;
+  margin-top: 2px;
 }
 
 .icon_shutdown {
-  margin-top: 1px;
+  margin-top: 2px;
 }
 
 .icon_sleep:before{
@@ -304,6 +307,7 @@ dropdown {
     position: relative;
     top: 5px;
     font-size: 25px;
+    padding-left:5px;
 }
 
 .icon_restart:before{
@@ -320,7 +324,7 @@ dropdown {
     content: '\e900';
     padding-left: 5px;
     position: relative;
-    top: 4px;
+    top: 5px;
     font-size: 25px;
 }
   
@@ -373,4 +377,4 @@ dropdown {
   .popup{
     width: 70%;
   }
-}
\ No newline at end of file
+}
diff --git a/packages/lightdm-webkit-greeter-hamara/src/index.html b/packages/lightdm-webkit-greeter-hamara/src/index.html
index 244531be504c8b7fe33403a01d6b8ace6a9bd70b..7d6f502db43f5b5717f1a26752c289c15cd27a6d 100644
--- a/packages/lightdm-webkit-greeter-hamara/src/index.html
+++ b/packages/lightdm-webkit-greeter-hamara/src/index.html
@@ -24,9 +24,9 @@
                     <li class="dropdown">
                         <a  href="#"  class="power">  &#xe900; </a>
                         <div class="dropdown-content ">
-                          <a  class="icon_sleep" onclick="sleep_clicked()">Sleep &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
-                          <a  class="icon_restart" onclick="restart_clicked()">Restart &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
-                          <a  class="icon_shutdown" onclick="shutdown_clicked()">Shutdown</a>
+                          <a  class="icon_sleep" onclick="sleep_clicked()"></a>
+                          <a  class="icon_restart" onclick="restart_clicked()"></a>
+                          <a  class="icon_shutdown" onclick="shutdown_clicked()"></a>
                         </div>
                     </li>
                     <li><a id="login" class="button " onclick="provide_secret()"> Login </a> </li>