diff --git a/src/core/components/CommandLink.tsx b/src/core/components/CommandLink.tsx
index c736d6c..08e4e74 100644
--- a/src/core/components/CommandLink.tsx
+++ b/src/core/components/CommandLink.tsx
@@ -6,17 +6,18 @@ import cmd from '../../shell/cmd';
 type CommandLinkProps = {
     command?:string;
     text:string;
+    textClassName?: string
     icon?: IconDefinition
 }
 
-function CommandLink({icon, command, text}: CommandLinkProps) {
+function CommandLink({icon, command, text, textClassName}: CommandLinkProps) {
     
     const onClick = () => cmd.execute(command || text);
 
     if(icon != null)
-        return <a href="javascript:void(0)" onClick={onClick}><FontAwesomeIcon icon={icon} className="icon" />{text}</a>;
+        return <a href="javascript:void(0)" onClick={onClick}><FontAwesomeIcon icon={icon} className="icon" /><span className={textClassName}>{text}</span></a>;
 
-    return <a href="javascript:void(0)" onClick={onClick}>{text}</a>;
+    return <a href="javascript:void(0)" onClick={onClick}><span className={textClassName}>{text}</span></a>;
 }
 
 export default CommandLink;
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 3454ba5..cafe6e0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -115,24 +115,25 @@ button:focus {outline:0;}
 
 /* Top Links Shrink */
 @media (max-width: 800px) {
-
     .top-links .link-text { display: none }
+    .debug-indicators { display: none;}
+    .app-root {padding: 10px; }
 }
 
 .social-container{ position:fixed; bottom:20px; right:20px }
 
 /* Remove margin space on body. Inline top links with header */
 @media (max-width: 700px) {
-    body { padding: 10px; }
-    .expressionInput { width: 500px; }
+    /*.expressionInput { width: 450px; }   */
 }
 
 /* Further shrink */
 @media (max-width: 500px) {
-    .expressionInput { width: 350px; }
+    .expressionInput { width: 400px; }
     .top-links a { display: inline-block; padding: 5px 10px}
 }
 
-@media (max-width: 350px) {
-    .expressionInput { width: 200px; }
+@media (max-width: 450px) {
+
+    .expressionInput { width: 350px; }
 }
\ No newline at end of file
diff --git a/src/shell/components/TopLinks.tsx b/src/shell/components/TopLinks.tsx
index 644d38c..7c81dc9 100644
--- a/src/shell/components/TopLinks.tsx
+++ b/src/shell/components/TopLinks.tsx
@@ -8,10 +8,10 @@ import CommandLink from '../../core/components/CommandLink';
 function TopLinks() {
     return <ul className="top-links">                
                 <li>
-                    <CommandLink text="donate" icon={faDonate} />
+                    <CommandLink text="donate" icon={faDonate} textClassName="link-text" />
                 </li>
                 <li>
-                    <a href="https://github.com/BorisLevitskiy/BitwiseCmd"><FontAwesomeIcon className="icon" icon={faGithub} size="lg" />github</a>
+                    <a href="https://github.com/BorisLevitskiy/BitwiseCmd"><FontAwesomeIcon className="icon" icon={faGithub} size="lg" /><span className="link-text">github</span></a>
                 </li>
                 <li>
                     <a href="https://twitter.com/BitwiseCmd"><FontAwesomeIcon className="icon" icon={faTwitter} size="lg" /><span className="link-text">twitter</span></a>