diff --git a/scss/ionic.scss b/scss/ionic.scss
index 6664b1f151..55a14f3d7c 100644
--- a/scss/ionic.scss
+++ b/scss/ionic.scss
@@ -18,6 +18,11 @@
   "ionic/menu",
   "ionic/listview",
 
+  // Forms
+  "ionic/form",
+  "ionic/toggle",
+  "ionic/radio",
+
   // Buttons
   "ionic/button",
   "ionic/button-group",
@@ -28,8 +33,6 @@
   // Components
   "ionic/alerts",
   "ionic/card",
-  "ionic/form",
-  "ionic/toggle",
 
   // Animations
   "ionic/animations";
diff --git a/scss/ionic/_form.scss b/scss/ionic/_form.scss
index 09e9fcb6dd..26ff039041 100644
--- a/scss/ionic/_form.scss
+++ b/scss/ionic/_form.scss
@@ -236,31 +236,6 @@ textarea {
 }
 
 
-// Radio Buttons
-// -------------------------------
-
-/* hide a radio button's icon by default */
-.radio-item {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    display: none;
-  }
-}
-
-.input-wrapper input[type="radio"] {
-  /* hide any radio button inputs (the ugly circles) */
-  display: none;
-
-  /* when this radio-item is checked */
-  &:checked + .radio-item {
-    [class^="icon-"],
-    [class*=" icon-"] {
-      display: inline;
-    }
-  }
-}
-
-
 // DISABLED STATE
 // -------------------------------
 
diff --git a/scss/ionic/_radio.scss b/scss/ionic/_radio.scss
new file mode 100644
index 0000000000..6fc335b847
--- /dev/null
+++ b/scss/ionic/_radio.scss
@@ -0,0 +1,29 @@
+
+// Radio Buttons
+// -------------------------------
+
+/* hide a radio button's icon by default */
+.radio-content {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    display: none;
+  }
+}
+
+.radio-item input {
+  /* hide any radio button inputs elements (the ugly circles) */
+  display: none;
+
+  /* when this radio-item is checked */
+  &:checked + .radio-content {
+
+    /* show the radio-content icon when checked */
+    [class^="icon-"],
+    [class*=" icon-"] {
+      position: absolute;
+      top: 16px;
+      right: $content-padding;
+      display: inline;
+    }
+  }
+}
\ No newline at end of file
diff --git a/test/input-radio.html b/test/input-radio.html
index a87d998838..3e2565e941 100644
--- a/test/input-radio.html
+++ b/test/input-radio.html
@@ -22,38 +22,38 @@
 
       <div class="content has-header has-footer">
 
-        <div class="input-group">
-          <label class="input-wrapper">
+        <div class="list">
+          <label class="list-item radio-item">
             <input type="radio" name="serverside" value="go" checked="checked">
-            <div class="radio-item">
+            <div class="radio-content">
               Go
               <i class="icon-ok"></i>
             </div>
           </label>
-          <label class="input-wrapper">
+          <label class="list-item radio-item">
             <input type="radio" name="serverside" value="python">
-            <div class="radio-item">
+            <div class="radio-content">
               Python
               <i class="icon-ok"></i>
             </div>
           </label>
-          <label class="input-wrapper">
+          <label class="list-item radio-item">
             <input type="radio" name="serverside" value=".net">
-            <div class="radio-item">
+            <div class="radio-content">
               .Net
               <i class="icon-ok"></i>
             </div>
           </label>
-          <label class="input-wrapper">
+          <label class="list-item radio-item">
             <input type="radio" name="serverside" value="ruby">
-            <div class="radio-item">
+            <div class="radio-content">
               Ruby
               <i class="icon-ok"></i>
             </div>
           </label>
-          <label class="input-wrapper">
+          <label class="list-item radio-item">
             <input type="radio" name="serverside" value="java">
-            <div class="radio-item">
+            <div class="radio-content">
               Java
               <i class="icon-ok"></i>
             </div>