diff --git a/hourglass/client/profile/profile.css b/hourglass/client/profile/profile.css
index e8254b3..d12fdbc 100644
--- a/hourglass/client/profile/profile.css
+++ b/hourglass/client/profile/profile.css
@@ -24,7 +24,7 @@
 }
 
 .profHea {
-	font-size: 300;
+	font-size: 5.5vh;
 	font-weight: 200;
 	padding: 6% 6% 0 8%;
 }
@@ -155,12 +155,10 @@
 
 #cardColLeft {
 	width: 39.6%;
-	float: left;
 }
 
 #cardColRight {
 	width: 60%;
-	float: right;
 }
 
 .card {
@@ -324,13 +322,17 @@
 	background-color: #138686;
 }
 
+#joinTop .fa-search {
+	font-size: 2.5vh;
+	margin-right: 3%;
+}
+
 #private {
-	margin: 3% 35% 0 4%;
+	margin-left: 5%;
 	padding: 1.5%;
 
 	background-color: rgba(0,0,0,0.2);
 
-	float: right;
 	cursor: pointer;
 
 	-webkit-transition: background-color 0.4s ease;  
diff --git a/hourglass/client/profile/profile.html b/hourglass/client/profile/profile.html
index 7cdd740..bb35e29 100644
--- a/hourglass/client/profile/profile.html
+++ b/hourglass/client/profile/profile.html
@@ -129,9 +129,11 @@
 							{{/if}}
 
 							{{#if profClassTab "addClass"}}
-								<i class="fa fa-search" aria-hidden="true"></i>
-								{{> inputAutocomplete id="profClassSearch" settings=classSettings placeholder="Search..."}}
-								<h4 id="private">Join Private Class</h4>
+								<div id="joinTop">
+									<i class="fa fa-search" aria-hidden="true"></i>
+									{{> inputAutocomplete id="profClassSearch" settings=classSettings placeholder="Search..."}}
+									<h4 id="private">Join Private Class</h4>
+								</div>
 								<div id="label" class="classBox">
 									<span class="name classText">Class Name</span>
 									<span class="teacher classText">Teacher</span>
diff --git a/hourglass/client/profile/profile.js b/hourglass/client/profile/profile.js
index d472673..e838094 100644
--- a/hourglass/client/profile/profile.js
+++ b/hourglass/client/profile/profile.js
@@ -232,19 +232,19 @@ Template.profile.events({
             Session.set("profClassTab", "manClass"); 
             div.style.height = "90%";           
             openDivFade(functionHolder);        
-        }, 400);    
+        }, 400);
     },
     'click .createClass' () {
-        if(Session.equals("profClassTab","creClass")) return;       
+        if(Session.equals("profClassTab","creClass")) return;
         var functionHolder = document.getElementById("profClassInfoHolder");        
         closeDivFade(functionHolder);
             var div = document.getElementById("profClasses");
         div.style.height = "50%"
-        setTimeout(function() {            
+        setTimeout(function() {
             Session.set("profClassTab", "creClass");
             div.style.height = "90%";
-            openDivFade(functionHolder);        
-        }, 400);    
+            openDivFade(functionHolder);
+        }, 400);
     },
     'click .classBox' (event) {  // When you click on a box that holds class
         if (event.target.id === "label" ||