diff --git a/atoms/index.css b/atoms/index.css
index c4964e1..60b7627 100644
--- a/atoms/index.css
+++ b/atoms/index.css
@@ -70,12 +70,13 @@ img {
 	font-size:110%;
 	display: inline-block;
 	margin-right: 3%;
-	margin-top: 7.5%;
 }
 
 .setting {
 	display: flex;
 	position: relative;
+	height:100%;
+	width:100%;
 	margin: 5%;
 }
 
@@ -264,7 +265,6 @@ img {
 .help {
 	padding: 1px 1px 5px 2px;
 	margin-right: 3%;
-	margin-top: 7%;
 	text-align:center;
 	width: 20px;
 	height: 20px;
@@ -281,10 +281,10 @@ img {
 }
 
 .helptab {
-	position: absolute;
+	position:absolute;
 	display: none;
 	opacity: 0;
-	margin-top: 16%;
+	margin-top: 8%;
 	margin-left: -9%;
 	border-left: 10px solid transparent;
 	border-right: 10px solid transparent;
@@ -300,11 +300,11 @@ img {
 }
 
 .helptext {
-	position: absolute;
+	position:absolute;
 	display: none;
 	opacity: 0;
 	border-radius: 7px;
-	margin-top: 20%;
+	margin-top: 11%;
 	margin-left: -13%;
 	padding: 5px;
 	font-size: 90%;
diff --git a/atoms/index.html b/atoms/index.html
index 33c74e6..29c3cd5 100644
--- a/atoms/index.html
+++ b/atoms/index.html
@@ -4,6 +4,7 @@
 	    <meta http-equiv="X-UA-Compatible" content="chrome=1">
 	    <title>Atoms</title>
 	    <link rel="icon" href="./resources/static/favicon.ico">
+	    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
 	    <link rel="stylesheet" href="./index.css">
 	    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
 	    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">