diff --git a/interface/less/menu.less b/interface/less/menu.less
index bf411af..3fc39c5 100644
--- a/interface/less/menu.less
+++ b/interface/less/menu.less
@@ -125,36 +125,6 @@
 	.hook-menu-item-subtitle;
 }
 
-/* Sub-object: `toggle`
-========================================================================== */
-
-.ex-menu .toggle {
-	font-size: @toggle-font-size;
-	color: @toggle-color;
-}
-
-/*
- * 1. Apply hover style also to focus state
- * 2. Remove default focus style
- */
-
-.ex-menu .toggle:hover,
-.ex-menu .toggle:focus { /* 1 */
-	color: @toggle-hover-color;
-	text-decoration: none;
-	outline: none; /* 2 */
-}
-
-/*
- * 1. Center icon vertically
- */
-
-.ex-menu .toggle:after {
-	content: @toggle-icon;
-	font-family: "FontAwesome";
-	vertical-align: middle; /* 1 */
-}
-
 /* Component - Dropdown
  ========================================================================== */
 
diff --git a/interface/less/variables.less b/interface/less/variables.less
index 4fd8549..35c5073 100644
--- a/interface/less/variables.less
+++ b/interface/less/variables.less
@@ -55,6 +55,21 @@
 @headingsFontWeight:    bold;    // instead of browser default, bold
 @headingsColor:         inherit; // empty to use BS default, @textColor
 
+// Component sizing
+// -------------------------
+// Based on 14px font-size and 20px line-height
+
+@fontSizeLarge:         @baseFontSize * 1.25; // ~18px
+@fontSizeSmall:         @baseFontSize * 0.85; // ~12px
+@fontSizeMini:          @baseFontSize * 0.75; // ~11px
+
+@paddingLarge:          11px 19px; // 44px
+@paddingSmall:          2px 10px;  // 26px
+@paddingMini:           0 6px;   // 22px
+
+@baseBorderRadius:      4px;
+@borderRadiusLarge:     6px;
+@borderRadiusSmall:     3px;
 
 // Tables
 // -------------------------